/* ============================================================
   SEO COMPATIBILIDAD — /compatibilidad/<par>.html. Composición simétrica
   de "encuentro": dos signos enfrentados con un anillo de afinidad SVG en
   el centro. Ver css/pages/seo-shared.css para el chrome común.
   ============================================================ */
.seo-main-compatibilidad{max-width:980px;padding:150px 32px 0;}

.compat-title-row{text-align:center;margin-bottom:56px;}

.compat-hero{
  display:grid;grid-template-columns:1fr auto 1fr;gap:48px;align-items:center;margin-bottom:64px;
}
.compat-signo{}
.compat-signo--izq{text-align:right;}
.compat-signo--der{text-align:left;}
.compat-glifo{
  font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:44px;line-height:1;
  color:rgba(237,237,235,0.55);margin-bottom:10px;
}
.compat-nombre{
  font-family:'Fraunces','Georgia',serif;font-optical-sizing:auto;font-weight:400;
  font-size:clamp(44px,5.5vw,68px);line-height:1;letter-spacing:-0.02em;margin:0 0 14px;display:inline-block;
}
.compat-meta{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:14px;}

.compat-ring{position:relative;width:190px;height:190px;}
.compat-ring svg{position:absolute;inset:0;transform:rotate(-90deg);}
.compat-ring-center{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
}
.compat-ring-pct{font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:56px;line-height:1;}
.compat-ring-pct .sign{font-size:22px;color:var(--muted);}
.compat-ring-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);}

.compat-editorial{text-align:center;max-width:640px;margin:0 auto 88px;}
.compat-editorial-row{display:flex;align-items:center;gap:18px;margin-bottom:30px;}
.compat-editorial-row .line{flex:1;height:1px;background:linear-gradient(to right, transparent, rgba(237,237,235,0.4));}
.compat-editorial-row .line.reverse{background:linear-gradient(to left, transparent, rgba(237,237,235,0.4));}
.compat-editorial-label{
  font-family:'Fraunces','Georgia',serif;font-style:italic;font-weight:400;font-size:26px;color:var(--gold);
}
.compat-editorial p{
  font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:clamp(22px,2.6vw,28px);line-height:1.55;
  margin:0;text-wrap:balance;
}

.compat-cards{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:0 auto 88px;
}
.compat-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:28px 30px;}
.compat-card-kicker{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.compat-card p{
  font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:15px;line-height:1.65;color:#3d352a;margin:0;text-wrap:pretty;
}

.seo-index-list--compat{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
.seo-index-list--compat .num{font-size:13px;}

@media (max-width:720px){
  .compat-hero{grid-template-columns:1fr;text-align:center;}
  .compat-signo--izq, .compat-signo--der{text-align:center;}
  .compat-ring{justify-self:center;}
  .compat-cards{grid-template-columns:1fr;}
}