/*
Theme Name: Loro Cáceres Abogados
Theme URI: https://example.com/
Author: Belén
Description: Tema editorial para el despacho Loro Cáceres Abogados, inspirado en la estética del Harvard Law Review. Paleta crema / negro / vino. Tipografías serif (Fraunces + Newsreader).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solera
*/

:root{
  --paper:#F4EEE0;
  --paper-2:#EDE6D4;
  --ink:#1B1815;
  --ink-soft:#574F44;
  --ink-faint:#8C8273;
  --wine:#6E1B28;
  --wine-dk:#511019;
  --rule:rgba(27,24,21,.16);
  --rule-strong:rgba(27,24,21,.34);
  --maxw:1160px;
}

*{box-sizing:border-box;}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body{
  margin:0;
  background-color:var(--paper);
  color:var(--ink);
  font-family:"Newsreader",Georgia,serif;
  font-size:18px;
  line-height:1.6;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:8px;top:8px;background:var(--ink);color:var(--paper);padding:8px 14px;z-index:999;}

/* ---------- Barra superior ---------- */
.topbar{
  border-bottom:1px solid var(--rule);
  font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);
}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:42px;}
.topbar .right a{margin-left:22px;transition:color .2s;}
.topbar .right a:hover{color:var(--wine);}

/* ---------- Cabecera ---------- */
header.masthead{padding:40px 0 22px;text-align:center;}
.masthead .kicker{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--wine);margin-bottom:18px;font-weight:500;}
.masthead h1.site-title{font-family:"Fraunces",serif;font-optical-sizing:auto;font-weight:600;font-size:clamp(40px,7vw,80px);line-height:.98;letter-spacing:.005em;margin:0;}
.masthead .tagline{margin-top:16px;font-style:italic;font-size:18px;color:var(--ink-soft);letter-spacing:.01em;}
.masthead .custom-logo{margin:0 auto 6px;max-height:120px;width:auto;}

/* ---------- Navegación ---------- */
nav.primary{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:30px;}
nav.primary .wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:38px;min-height:54px;align-items:center;}
nav.primary ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:38px;justify-content:center;align-items:center;}
nav.primary a{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);position:relative;padding:4px 0;transition:color .2s;display:inline-block;}
nav.primary a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--wine);transition:right .28s ease;}
nav.primary a:hover{color:var(--wine);}
nav.primary a:hover::after{right:0;}
nav.primary .current-menu-item > a,nav.primary .current_page_item > a{color:var(--wine);}
nav.primary .current-menu-item > a::after,nav.primary .current_page_item > a::after{right:0;}
.menu-fallback{display:flex;gap:38px;list-style:none;margin:0;padding:0;}

/* ---------- Portada ---------- */
.lead{padding:52px 0 18px;}
.lead-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:0;}
.lead-main{padding-right:48px;}
.lead-side{padding-left:48px;border-left:1px solid var(--rule);}
.eyebrow{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);font-weight:600;margin-bottom:14px;display:block;}
.lead-main h2{font-family:"Fraunces",serif;font-weight:500;font-optical-sizing:auto;font-size:clamp(32px,4.4vw,52px);line-height:1.04;letter-spacing:-.01em;margin:0 0 20px;}
.lead-main h2 a{transition:color .2s;}
.lead-main h2 a:hover{color:var(--wine);}
.dek{font-size:20px;line-height:1.55;color:var(--ink-soft);margin:0 0 22px;}
.dek::first-letter{font-family:"Fraunces",serif;font-weight:600;color:var(--wine);float:left;font-size:74px;line-height:.78;padding:6px 12px 0 0;}
.byline{font-size:13px;letter-spacing:.04em;color:var(--ink-faint);text-transform:uppercase;border-top:1px solid var(--rule);padding-top:16px;}
.byline .name{color:var(--ink);font-style:italic;text-transform:none;letter-spacing:0;font-size:15px;}
.lead-thumb{margin:0 0 22px;}
.lead-thumb img{width:100%;}

.side-item{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--rule);}
.side-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.side-item h3{font-family:"Fraunces",serif;font-weight:500;font-size:23px;line-height:1.12;margin:0 0 10px;letter-spacing:-.005em;}
.side-item h3 a{transition:color .2s;}
.side-item h3 a:hover{color:var(--wine);}
.side-item .meta{font-size:12.5px;letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;}

/* ---------- Divisor ---------- */
.section-rule{display:flex;align-items:center;gap:22px;margin:46px 0 36px;}
.section-rule::before,.section-rule::after{content:"";height:1px;background:var(--rule-strong);flex:1;}
.section-rule span{font-family:"Newsreader",serif;font-style:italic;font-size:22px;color:var(--ink);letter-spacing:.01em;}

/* ---------- Cuerpo ---------- */
.body-grid{display:grid;grid-template-columns:1fr 300px;gap:56px;padding-bottom:60px;}
.articles{display:grid;grid-template-columns:1fr 1fr;gap:40px 44px;}
.article{border-top:2px solid var(--ink);padding-top:18px;}
.article .article-thumb{margin:0 0 14px;}
.article h3{font-family:"Fraunces",serif;font-weight:500;font-size:26px;line-height:1.1;margin:8px 0 12px;letter-spacing:-.01em;}
.article h3 a{transition:color .2s;}
.article h3 a:hover{color:var(--wine);}
.article p{font-size:16.5px;color:var(--ink-soft);margin:0 0 14px;line-height:1.5;}
.article .meta{font-size:12px;letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;}

/* ---------- Lateral ---------- */
aside .box{margin-bottom:42px;}
aside h4{font-family:"Newsreader",serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--wine);padding-bottom:10px;margin:0 0 4px;}
aside ul{list-style:none;margin:0;padding:0;}
aside .areas li a{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--rule);font-size:16px;transition:color .2s,padding-left .2s;}
aside .areas li a:hover{color:var(--wine);padding-left:6px;}
aside .areas .count{font-size:12px;color:var(--ink-faint);letter-spacing:.05em;}
aside .read li{padding:14px 0;border-bottom:1px solid var(--rule);display:flex;gap:14px;}
aside .read li:last-child{border-bottom:0;}
aside .read .num{font-family:"Fraunces",serif;font-size:26px;color:var(--wine);line-height:1;font-weight:600;min-width:26px;}
aside .read a{font-size:16px;line-height:1.3;transition:color .2s;}
aside .read a:hover{color:var(--wine);}
.pull{background:var(--paper-2);border-left:3px solid var(--wine);padding:24px 24px 26px;}
.pull p{font-family:"Fraunces",serif;font-style:italic;font-size:20px;line-height:1.4;margin:0 0 14px;}
.pull .who{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);}

/* ---------- Entrada individual / páginas ---------- */
.single-wrap{max-width:760px;margin:0 auto;padding:56px 32px 40px;}
.single-wrap .eyebrow{text-align:center;}
.entry-title{font-family:"Fraunces",serif;font-weight:600;font-optical-sizing:auto;font-size:clamp(32px,5vw,54px);line-height:1.05;letter-spacing:-.01em;margin:0 0 22px;text-align:center;}
.entry-meta{text-align:center;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:30px;}
.entry-meta .name{color:var(--ink);font-style:italic;text-transform:none;letter-spacing:0;font-size:15px;}
.entry-hero{margin:0 0 38px;}
.entry-content{font-size:19px;line-height:1.72;}
.entry-content > *:first-child{margin-top:0;}
.entry-content p{margin:0 0 1.4em;}
.entry-content h2{font-family:"Fraunces",serif;font-weight:600;font-size:30px;line-height:1.15;margin:1.8em 0 .6em;letter-spacing:-.01em;}
.entry-content h3{font-family:"Fraunces",serif;font-weight:500;font-size:24px;margin:1.6em 0 .5em;}
.entry-content a{color:var(--wine);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.entry-content a:hover{color:var(--wine-dk);}
.entry-content blockquote{border-left:3px solid var(--wine);background:var(--paper-2);margin:1.8em 0;padding:18px 26px;font-family:"Fraunces",serif;font-style:italic;font-size:22px;line-height:1.4;}
.entry-content ul,.entry-content ol{margin:0 0 1.4em;padding-left:1.3em;}
.entry-content li{margin-bottom:.5em;}
.entry-content img{margin:1.8em auto;}
.entry-content hr{border:0;border-top:1px solid var(--rule-strong);margin:2.4em 0;}
.entry-footer{margin-top:40px;padding-top:22px;border-top:1px solid var(--rule);font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);}
.entry-footer a{color:var(--wine);transition:color .2s;}
.entry-footer a:hover{color:var(--wine-dk);}

/* Páginas genéricas */
.page-head{text-align:center;padding:56px 0 10px;}
.page-head .kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--wine);margin-bottom:16px;}
.page-head h1{font-family:"Fraunces",serif;font-weight:600;font-size:clamp(36px,6vw,64px);line-height:1.02;margin:0;letter-spacing:-.01em;}
.page-head .sub{margin-top:18px;font-style:italic;font-size:19px;color:var(--ink-soft);max-width:640px;margin-left:auto;margin-right:auto;}
.page-divider{height:1px;background:var(--rule-strong);max-width:120px;margin:34px auto 0;}

/* ---------- Áreas de práctica (grid) ---------- */
.areas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-strong);border:1px solid var(--rule-strong);margin:50px 0 70px;}
.area-card{background:var(--paper);padding:34px 30px;transition:background .25s;}
.area-card:hover{background:var(--paper-2);}
.area-card .num{font-family:"Fraunces",serif;color:var(--wine);font-size:15px;letter-spacing:.1em;margin-bottom:14px;}
.area-card h3{font-family:"Fraunces",serif;font-weight:600;font-size:24px;margin:0 0 12px;line-height:1.12;}
.area-card p{font-size:16px;color:var(--ink-soft);margin:0;line-height:1.5;}

/* ---------- Equipo ---------- */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin:50px 0 70px;}
.member{text-align:left;}
.member .photo{aspect-ratio:4/5;background:var(--paper-2);border:1px solid var(--rule);margin-bottom:18px;overflow:hidden;}
.member .photo img{width:100%;height:100%;object-fit:cover;}
.member h3{font-family:"Fraunces",serif;font-weight:600;font-size:24px;margin:0 0 4px;}
.member .role{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:12px;}
.member p{font-size:16px;color:var(--ink-soft);line-height:1.5;margin:0;}

/* ---------- Contacto ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;margin:50px 0 30px;align-items:start;}
.contact-info h3{font-family:"Fraunces",serif;font-weight:600;font-size:22px;margin:0 0 6px;}
.contact-block{padding:22px 0;border-bottom:1px solid var(--rule);}
.contact-block:first-of-type{border-top:1px solid var(--rule);}
.contact-block .label{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin-bottom:8px;}
.contact-block .value{font-size:18px;color:var(--ink);line-height:1.5;}
.contact-block .value a{color:var(--ink);transition:color .2s;}
.contact-block .value a:hover{color:var(--wine);}
.map-frame{border:1px solid var(--rule-strong);width:100%;height:100%;min-height:440px;filter:grayscale(.25) contrast(1.02);}
.contact-cta{background:var(--ink);color:var(--paper);padding:40px;margin:60px 0 70px;text-align:center;}

/* Tabla de horario */
.horario{width:100%;border-collapse:collapse;margin-top:4px;}
.horario th,.horario td{text-align:left;padding:7px 0;font-size:16px;font-weight:400;border-bottom:1px solid var(--rule);vertical-align:baseline;}
.horario th{color:var(--ink);width:42%;font-family:"Newsreader",serif;}
.horario td{color:var(--ink-soft);}
.horario td.cerrado{color:var(--ink-faint);font-style:italic;}
.horario tr.hoy th,.horario tr.hoy td{color:var(--wine);font-weight:500;}
.horario .hoy-tag{display:inline-block;margin-left:8px;background:var(--wine);color:var(--paper);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;vertical-align:middle;font-family:"Newsreader",serif;}
.contact-cta h3{font-family:"Fraunces",serif;font-weight:600;font-size:28px;margin:0 0 12px;}
.contact-cta p{color:rgba(244,238,224,.78);font-size:17px;margin:0 0 22px;}
.btn{display:inline-block;background:var(--wine);color:var(--paper);font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:14px 30px;transition:background .2s;}
.btn:hover{background:var(--wine-dk);}

/* ---------- Paginación ---------- */
.pagination{display:flex;justify-content:center;gap:8px;padding:20px 0 70px;flex-wrap:wrap;}
.pagination .page-numbers{display:inline-block;padding:10px 16px;border:1px solid var(--rule-strong);font-size:15px;transition:all .2s;}
.pagination .page-numbers:hover{background:var(--ink);color:var(--paper);}
.pagination .page-numbers.current{background:var(--wine);color:var(--paper);border-color:var(--wine);}

/* ---------- Pie ---------- */
footer.site-footer{background:var(--ink);color:var(--paper);margin-top:20px;}
footer.site-footer .wrap{padding:56px 32px 30px;}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(244,238,224,.16);}
footer .brand{font-family:"Fraunces",serif;font-size:30px;font-weight:600;margin:0 0 16px;letter-spacing:.01em;}
footer .brand .dot{color:var(--wine);}
footer .addr{font-size:15px;line-height:1.7;color:rgba(244,238,224,.74);font-style:italic;}
footer h5{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,238,224,.5);margin:0 0 16px;}
footer .site-footer ul,footer.site-footer ul{list-style:none;margin:0;padding:0;}
footer.site-footer ul li{margin-bottom:11px;}
footer.site-footer ul a{font-size:15px;color:rgba(244,238,224,.85);transition:color .2s;}
footer.site-footer ul a:hover{color:#fff;}
.foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;font-size:12.5px;letter-spacing:.05em;color:rgba(244,238,224,.55);}
.foot-bot .legal a{margin-left:20px;transition:color .2s;}
.foot-bot .legal a:hover{color:#fff;}

/* ---------- Animación ---------- */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.anim{opacity:0;animation:fadeUp .7s cubic-bezier(.2,.7,.2,1) forwards;}
.d1{animation-delay:.05s;}.d2{animation-delay:.14s;}.d3{animation-delay:.24s;}.d4{animation-delay:.34s;}.d5{animation-delay:.46s;}
@media (prefers-reduced-motion:reduce){.anim{animation:none;opacity:1;}}

/* ---------- Responsive ---------- */
@media (max-width:880px){
  .lead-grid{grid-template-columns:1fr;}
  .lead-main{padding-right:0;}
  .lead-side{padding-left:0;border-left:0;border-top:1px solid var(--rule);margin-top:40px;padding-top:34px;}
  .body-grid{grid-template-columns:1fr;gap:48px;}
  .articles{grid-template-columns:1fr;gap:34px;}
  .areas-grid,.team-grid{grid-template-columns:1fr 1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .foot-top{grid-template-columns:1fr 1fr;}
  nav.primary .wrap,nav.primary ul{gap:22px;}
  nav.primary .wrap{padding-top:14px;padding-bottom:14px;}
}
@media (max-width:520px){
  .wrap{padding:0 20px;}
  .topbar .left{display:none;}
  .dek::first-letter{font-size:58px;}
  .areas-grid,.team-grid,.foot-top{grid-template-columns:1fr;}
}