/*
 | Guías públicas de Oltixa (/docs), identidad "Chakana" (ficha: .oxira/estilos/CHAKANA.md).
 | Fondo blanco, marca ginda, código y cierre en laguna, óxido para "ojo", jade para "en línea".
 | Usa las variables de landing.css (--ginda, --noche, --tinta, --gris, --linea, --luz) y de marca.css (--ch-*).
 */
.gx{padding:2.2rem 0 3.2rem}
.gx-migas{font-size:.85rem;color:var(--gris);margin-bottom:1rem}
.gx-migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem .5rem;padding:0;margin:0}
.gx-migas li+li::before{content:"›";margin-right:.5rem;color:var(--gris-2)}
.gx-migas a{color:var(--gris)!important;text-decoration:none}
.gx-migas a:hover{color:var(--ginda)!important}
.gx-kicker{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-marca);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--noche-4);background:var(--ch-laguna-t);border-radius:999px;padding:.3rem .75rem}
.gx-h1{font-family:var(--font-marca);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.12;margin:.7rem 0 .6rem;color:var(--tinta);letter-spacing:-.01em}
.gx-lead{color:var(--gris);font-size:1.08rem;max-width:62ch}
.gx-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0 0}

/* estado de verificación */
.gx-estado{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;border-radius:999px;padding:.28rem .7rem;border:1px solid var(--linea);background:#fff;color:var(--tinta)}
.gx-estado::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--oxido-l)}
.gx-estado--ok::before{background:var(--jade)}
.gx-estado--no::before{background:var(--ch-error)}

/* cuerpo */
.gx-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:1.6rem}
@media (min-width:992px){.gx-grid{grid-template-columns:minmax(0,1fr) 270px}}
.gx-art{min-width:0;font-size:1.02rem;line-height:1.65;color:var(--tinta)}
.gx-art h2{font-family:var(--font-marca);font-weight:700;font-size:1.35rem;margin:2.2rem 0 .7rem;padding-top:.4rem;color:var(--tinta);scroll-margin-top:90px}
.gx-art h2::before{content:"";display:block;width:34px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--ginda),var(--luz));margin-bottom:.6rem}
.gx-art h3{font-weight:700;font-size:1.1rem;margin:1.5rem 0 .5rem;color:var(--ginda);scroll-margin-top:90px}
.gx-art p,.gx-art ul,.gx-art ol{margin-bottom:1rem}
.gx-art li{margin-bottom:.3rem}
.gx-art a{color:var(--luz-dd)!important;font-weight:600}
.gx-art code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;color:var(--ginda-d);background:var(--hielo);padding:.1rem .35rem;border-radius:5px;word-break:break-word}
.gx-art pre{background:var(--noche);color:var(--txt-noche-2);border-radius:14px;padding:1rem 1.15rem;font-size:.86rem;line-height:1.55;overflow-x:auto;margin:0 0 1.2rem;border-left:4px solid var(--luz);box-shadow:0 18px 30px -24px rgba(var(--sombra),.8)}
.gx-art pre code{background:none;color:inherit;padding:0;font-size:inherit;word-break:normal;white-space:pre}
.gx-table{font-size:.92rem;margin-bottom:1.2rem}
.gx-table th{background:var(--hielo);font-weight:700;border-bottom:2px solid var(--linea)!important;white-space:nowrap}
.gx-table td,.gx-table th{padding:.55rem .7rem;border-color:var(--linea)}

/* cajas */
.gx-box{display:flex;gap:.8rem;align-items:flex-start;border-radius:14px;padding:.95rem 1.1rem;margin:1.2rem 0;border:1px solid var(--linea);background:var(--hielo)}
.gx-box>i{font-size:1.25rem;line-height:1.4;flex:none}
.gx-box p:last-child{margin-bottom:0}
.gx-box--ojo{background:var(--ch-oxido-t);border-color:#f2c7b2}
.gx-box--ojo>i{color:var(--oxido)}
.gx-box--dato>i{color:var(--ginda)}
.gx-box--clic{background:linear-gradient(180deg,#fff,var(--ch-ginda-t));border-color:#ecc6cd;box-shadow:0 14px 26px -22px rgba(142,27,46,.7)}
.gx-box--clic>i{color:var(--luz)}

/* barra lateral */
.gx-side{display:flex;flex-direction:column;gap:1rem}
@media (min-width:992px){.gx-side{position:sticky;top:90px;align-self:start}}
.gx-card{border:1px solid var(--linea);border-radius:16px;background:#fff;padding:1rem 1.1rem}
.gx-card h2{font-family:var(--font-marca);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin:0 0 .6rem}
.gx-card ul{list-style:none;padding:0;margin:0}
.gx-card li{margin:.3rem 0;font-size:.92rem;line-height:1.35}
.gx-card a:not(.fx-btn){color:var(--tinta)!important;text-decoration:none;font-weight:600}
.gx-card a:not(.fx-btn):hover,.gx-card a[aria-current]{color:var(--ginda)!important}
.gx-card--cta{background:var(--noche);border:0;color:var(--txt-noche-2)}
.gx-card--cta p{font-size:.95rem;margin-bottom:.9rem}
.gx-card--cta strong{color:#fff}

/* cierre */
.gx-cierre{margin-top:2.4rem;border-radius:20px;background:radial-gradient(90% 120% at 80% 0%,var(--noche-4),var(--noche-2) 55%,var(--noche));color:var(--txt-noche-2);padding:1.6rem 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.gx-cierre h2{color:#fff;font-family:var(--font-marca);font-weight:700;font-size:1.3rem;margin:0 0 .2rem}
.gx-cierre p{margin:0}
.gx-rel{margin-top:2.2rem}
.gx-rel h2{font-weight:800;font-size:1.2rem;margin-bottom:.9rem}

/* tarjetas del índice */
.gx-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.gx-tile{display:block;height:100%;border:1px solid var(--linea);border-radius:16px;background:#fff;padding:1.05rem 1.15rem;text-decoration:none;color:var(--tinta)!important;transition:transform .15s,box-shadow .15s}
.gx-tile:hover{transform:translateY(-2px);box-shadow:0 18px 30px -24px rgba(var(--sombra),.6)}
.gx-tile h3{font-family:var(--font-marca);font-size:1.02rem;font-weight:700;margin:0 0 .35rem;color:var(--tinta)}
.gx-tile p{font-size:.88rem;color:var(--gris);margin:0}
.gx-tile__k{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--noche-4)}
.gx-marca{border:1px solid var(--linea);border-radius:20px;padding:1.2rem;background:var(--hielo)}
.gx-marca h3{font-family:var(--font-marca);font-weight:700;font-size:1.25rem;margin:0 0 .2rem}
.gx-marca h3 a{color:var(--tinta)!important;text-decoration:none}
.gx-marca ul{list-style:none;padding:0;margin:.6rem 0 0}
.gx-marca li{margin:.35rem 0}
.gx-marca li a{font-weight:600;color:var(--luz-dd)!important}
.gx-sec{font-family:var(--font-marca);font-weight:700;font-size:1.45rem;margin:2.4rem 0 1rem}

/* compatibilidad */
.gx-compat td,.gx-compat th{vertical-align:middle;text-align:center}
.gx-compat td:first-child,.gx-compat th:first-child{text-align:left}
.gx-compat .gx-mods{display:block;font-size:.76rem;color:var(--gris);font-weight:400;max-width:260px;white-space:normal}
.gx-ic{display:inline-flex;width:1.6rem;height:1.6rem;border-radius:50%;align-items:center;justify-content:center;font-size:.9rem;font-weight:800}
.gx-ic--ok{background:var(--ch-jade-t);color:var(--jade-d)}
.gx-ic--man{background:var(--ch-oxido-t);color:var(--oxido-d)}
.gx-ic--no{background:var(--hielo);color:var(--gris)}
.gx-ley{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;font-size:.9rem;color:var(--gris);margin:.4rem 0 1rem}
.gx-ley span{display:inline-flex;align-items:center;gap:.4rem}
.gx-estado--fecha::before{display:none}
/* los textos ocultos (visually-hidden) se posicionan dentro de la celda, no de la página */
.gx-compat td,.gx-compat th{position:relative}
.gx-compat th[scope=row],.gx-compat thead th:first-child{position:sticky;left:0;z-index:1;background:#fff;min-width:210px;box-shadow:1px 0 0 var(--linea)}
.gx-compat thead th:first-child{background:var(--hielo)}
@media (max-width:575px){.gx-compat th[scope=row]{min-width:170px}.gx-compat .gx-mods{font-size:.72rem}}