/* Guías SEO — Estudio Jurídico Gianaria (usa las variables de style.css) */
.guia-portada{background:var(--crema);padding:26px 0 44px;border-bottom:1px solid #e6dccf}
.migas{font-size:14px;color:var(--gris);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.migas a{color:var(--navy);font-weight:600;text-decoration:none}.migas a:hover{color:var(--oro)}
.migas i{font-style:normal;color:var(--oro)}
.guia-portada h1{font-size:clamp(34px,4.6vw,58px);font-weight:700;max-width:900px;margin-bottom:12px}
.guia-meta{font-size:14.5px;color:var(--oro);font-weight:700;letter-spacing:.02em;margin-bottom:26px}
.guia-intro{font-size:19px;color:#363b47;max-width:700px}
.en-pocas{background:#fff;border:1px solid #e3d4b6;padding:24px 28px;max-width:860px;box-shadow:0 10px 30px -18px rgba(19,33,63,.25)}
.en-pocas b{display:block;font-family:var(--display);font-size:20px;color:var(--navy);margin-bottom:6px}
.en-pocas p{font-size:18px;line-height:1.65;color:#2b2f38}

.guia{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:64px;padding:60px 0 70px;align-items:start}
.guia-cuerpo section{margin-bottom:40px}
.guia-cuerpo h2{font-size:clamp(26px,2.8vw,34px);font-weight:700;margin-bottom:14px}
.guia-cuerpo p{font-size:17.5px;line-height:1.75;color:#2b2f38;margin-bottom:14px}
.lista{list-style:none;margin:6px 0 16px}
.lista li{position:relative;padding:7px 0 7px 28px;font-size:17px;line-height:1.6;color:#2b2f38}
.lista li:before{content:"";position:absolute;left:4px;top:16px;width:8px;height:8px;border:1.5px solid var(--oro);transform:rotate(45deg)}
.guia-faq details:first-child{border-top:1px solid #dccfb8}
.guia-faq summary{font-size:18.5px}
.aviso-legal{font-size:14.5px!important;color:var(--gris)!important;border-top:1px solid var(--linea);padding-top:18px;margin-top:10px}

.guia-lateral{position:sticky;top:110px;display:grid;gap:22px}
.tarjeta-consulta{background:var(--navy);color:#dfe4ee;padding:28px 26px;text-align:center}
.tarjeta-consulta img{width:92px;margin:0 auto 10px}
.tarjeta-consulta b{display:block;font-family:var(--display);font-size:22px;color:#fff;line-height:1.25;margin-bottom:8px}
.tarjeta-consulta p{font-size:15.5px;margin-bottom:18px}
.tarjeta-consulta .btn{width:100%}
.tarjeta-consulta small{display:block;margin-top:12px;font-size:13px;color:#aab3c6}
.toc{border:1px solid var(--linea);padding:22px 24px;background:#fff}
.toc b{display:block;font-family:var(--display);font-size:19px;color:var(--navy);margin-bottom:10px}
.toc ol{list-style:none;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:flex;gap:10px;padding:7px 0;text-decoration:none;color:#3a3f4b;font-size:15.5px;border-bottom:1px dotted #d9cfbd}
.toc a:before{content:counter(t);color:var(--oro);font-weight:700;min-width:14px}
.toc a:hover{color:var(--navy)}

.rel-sec{background:var(--crema);padding:64px 0}
.rel-sec h2{font-size:clamp(28px,3vw,38px);font-weight:700;margin-bottom:26px}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rel a,.guias-grid a{display:block;background:#fff;border:1px solid #e6dccf;padding:22px 24px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.rel a:hover,.guias-grid a:hover{border-color:var(--oro);transform:translateY(-3px);box-shadow:0 12px 26px -12px rgba(19,33,63,.25)}
.rel span{display:block;font-size:13px;letter-spacing:.12em;color:var(--oro);font-weight:700;text-transform:uppercase;margin-bottom:6px}
.rel b,.guias-grid b{display:block;font-family:var(--display);font-size:20px;color:var(--navy);line-height:1.3}

.cta-final{background:var(--navy);color:#dfe4ee;padding:64px 0;text-align:center;border-top:3px double var(--oro-2)}
.cta-final h2{color:#fff;font-size:clamp(30px,3.6vw,44px);font-weight:700;margin-bottom:10px}
.cta-final p{font-size:18px;margin-bottom:26px}
.cta-final .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-oro-claro{border:1px solid var(--oro-2);color:#fff;background:transparent}.btn-oro-claro:hover{background:rgba(201,164,94,.15)}

.guias-hub{padding:56px 0 70px}
.guias-bloque{margin-bottom:46px}
.guias-bloque h2{font-size:clamp(28px,3vw,38px);font-weight:700;display:flex;align-items:baseline;gap:14px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--linea)}
.guias-bloque .num{color:var(--oro);font-size:.9em}
.guias-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.guias-grid span{display:block;font-size:15px;color:var(--gris);margin-top:8px;line-height:1.55}

@media (max-width:1000px){
  .guia{grid-template-columns:1fr;gap:40px;padding:44px 0 56px}
  .guia-lateral{position:static;order:-1}
  .toc{display:none}
  .rel,.guias-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .guia-portada{padding:18px 0 34px}
  .en-pocas{padding:20px 20px}
  .en-pocas p{font-size:17px}
  .rel,.guias-grid{grid-template-columns:1fr}
  .guia-cuerpo p{font-size:17px}
  .cta-final .btn{width:100%}
}