/* ════════════════════════════════════════════════════════════════════
   Landing · Venta De Telas En Chiapas
   Arletex Design System v3.3 — tokens var(--ax-*)
   Cinco secciones editoriales, cinco registros distintos.
   ════════════════════════════════════════════════════════════════════ */


/* ─── 01 · Telas Más Vendidas Chiapas (tmvc) · Registro Galería ──────── */
.tmvc-section{
    background:var(--ax-paper, #FAF6EE);
    padding:clamp(56px, 7vw, 88px) 0;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    border-top:3px solid var(--ax-orange, #F15A29);
    border-bottom:1px solid rgba(31,37,48,.12);
}
.tmvc-inner{
    max-width:1380px;
    margin:0 auto;
    padding:0;
}
.tmvc-header{
    max-width:880px;
    margin:0 0 clamp(28px, 4vw, 40px);
    padding:0 clamp(20px, 4vw, 56px);
}
.tmvc-eyebrow{
    display:inline-flex;
    align-items:stretch;
    margin-bottom:1.1rem;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    line-height:1;
}
.tmvc-eyebrow-num{
    background:var(--ax-orange, #F15A29);
    color:var(--ax-white, #FFFFFF);
    padding:7px 10px;
}
.tmvc-eyebrow-label{
    background:var(--ax-ink, #1F2530);
    color:var(--ax-white, #FFFFFF);
    padding:7px 10px;
}
.tmvc-heading{
    margin:0 0 1rem;
    font-family:var(--ax-font-display, 'Anton', 'Arial Narrow', sans-serif);
    font-size:clamp(1.85rem, 4.4vw, 3rem);
    line-height:1.02;
    letter-spacing:.005em;
    text-transform:uppercase;
    color:var(--ax-ink, #1F2530);
}
.tmvc-heading em{
    display:inline-block;
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-weight:600;
    font-size:.82em;
    text-transform:lowercase;
    letter-spacing:0;
    color:var(--ax-orange, #F15A29);
}
.tmvc-lede{
    margin:0;
    font-size:1rem;
    line-height:1.65;
    color:var(--ax-ink, #1F2530);
    max-width:720px;
}
.tmvc-hint{
    margin:.85rem 0 0;
    font-family:var(--ax-font-mono, 'JetBrains Mono', ui-monospace, monospace);
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--ax-muted, #6E6A60);
}

.tmvc-track{
    list-style:none;
    margin:0;
    padding:8px clamp(20px, 4vw, 56px) 18px;
    display:flex;
    gap:clamp(14px, 1.6vw, 22px);
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-color:var(--ax-orange, #F15A29) transparent;
    scrollbar-width:thin;
}
.tmvc-track::-webkit-scrollbar{ height:6px; }
.tmvc-track::-webkit-scrollbar-track{ background:transparent; }
.tmvc-track::-webkit-scrollbar-thumb{ background:var(--ax-orange, #F15A29); }

.tmvc-cell{
    flex:0 0 clamp(220px, 22vw, 280px);
    scroll-snap-align:start;
}
.tmvc-card{
    display:flex;
    flex-direction:column;
    height:100%;
    background:var(--ax-white, #FFFFFF);
    border:2px solid var(--ax-ink, #1F2530);
    box-shadow:6px 6px 0 0 var(--ax-ink, #1F2530);
    text-decoration:none;
    color:var(--ax-ink, #1F2530);
    overflow:hidden;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tmvc-card:hover,
.tmvc-card:focus-visible{
    transform:translate(-3px,-3px);
    box-shadow:9px 9px 0 0 var(--ax-orange, #F15A29);
    border-color:var(--ax-orange, #F15A29);
    text-decoration:none;
    color:var(--ax-ink, #1F2530);
    outline:none;
}
.tmvc-media{
    margin:0;
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:var(--ax-cream, #F2EDE4);
    border-bottom:2px solid var(--ax-ink, #1F2530);
    transition:border-color .18s ease;
}
.tmvc-card:hover .tmvc-media{
    border-bottom-color:var(--ax-orange, #F15A29);
}
.tmvc-img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}
.tmvc-card:hover .tmvc-img{
    transform:scale(1.04);
}
.tmvc-body{
    display:flex;
    flex-direction:column;
    gap:.4rem;
    padding:.9rem 1rem 1.1rem;
}
.tmvc-num{
    font-family:var(--ax-font-mono, 'JetBrains Mono', ui-monospace, monospace);
    font-size:10px;
    letter-spacing:.2em;
    color:var(--ax-orange, #F15A29);
    line-height:1;
}
.tmvc-name{
    margin:0;
    font-family:var(--ax-font-display, 'Anton', 'Arial Narrow', sans-serif);
    font-size:clamp(1rem, 1.5vw, 1.2rem);
    line-height:1.05;
    letter-spacing:.005em;
    text-transform:uppercase;
    color:var(--ax-ink, #1F2530);
}
.tmvc-go{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    margin-top:.25rem;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--ax-muted, #6E6A60);
}
.tmvc-card:hover .tmvc-go{
    color:var(--ax-orange, #F15A29);
}
.tmvc-go-arrow{
    transition:transform .2s ease;
}
.tmvc-card:hover .tmvc-go-arrow{
    transform:translateX(3px);
}

@media (max-width: 600px){
    .tmvc-cell{ flex-basis:55vw; }
    .tmvc-card{ box-shadow:4px 4px 0 0 var(--ax-ink, #1F2530); }
    .tmvc-card:hover,
    .tmvc-card:focus-visible{ box-shadow:6px 6px 0 0 var(--ax-orange, #F15A29); }
}
@media (prefers-reduced-motion: reduce){
    .tmvc-card,
    .tmvc-img,
    .tmvc-media,
    .tmvc-go-arrow{ transition:none; }
    .tmvc-card:hover,
    .tmvc-card:hover .tmvc-img,
    .tmvc-card:hover .tmvc-go-arrow{ transform:none; }
}


/* ─── 02 · Video Testimonial Chiapas (vtc) · Registro Manifiesto ─────── */
.vtc-section{
    background:var(--ax-ink, #1F2530);
    color:var(--ax-white, #FFFFFF);
    padding:clamp(64px, 9vw, 112px) 0;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    position:relative;
    overflow:hidden;
    border-top:3px solid var(--ax-orange, #F15A29);
    border-bottom:3px solid var(--ax-orange, #F15A29);
}
.vtc-section::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:
        repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, transparent 1px 48px),
        repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 48px);
    pointer-events:none;
    z-index:0;
}
.vtc-inner{
    position:relative;
    z-index:1;
    max-width:1240px;
    margin:0 auto;
    padding:0 clamp(20px, 4vw, 56px);
    display:grid;
    grid-template-columns:minmax(0, 320px) minmax(0, 1fr);
    gap:clamp(28px, 5vw, 64px);
    align-items:center;
}

.vtc-stage{
    position:relative;
    width:100%;
    max-width:340px;
    margin:0 auto;
}
.vtc-frame{
    position:relative;
    width:100%;
    aspect-ratio:9 / 16;
    background:#000;
    border:2px solid var(--ax-orange, #F15A29);
    box-shadow:10px 10px 0 0 var(--ax-orange-deep, #B0401A);
    overflow:hidden;
    transition:transform .25s ease, box-shadow .25s ease;
}
.vtc-frame:hover{
    transform:translate(-3px,-3px);
    box-shadow:13px 13px 0 0 var(--ax-orange, #F15A29);
}
.vtc-frame iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    display:block;
}
.vtc-stage-ref{
    display:block;
    margin-top:.85rem;
    font-family:var(--ax-font-mono, 'JetBrains Mono', ui-monospace, monospace);
    font-size:10px;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--ax-muted-dark, #A8A39A);
    text-align:center;
}

.vtc-copy{
    min-width:0;
}
.vtc-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    margin-bottom:1.1rem;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--ax-white, #FFFFFF);
    padding:6px 10px;
    background:var(--ax-orange, #F15A29);
    border:1px solid var(--ax-orange-deep, #B0401A);
}
.vtc-eyebrow-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--ax-white, #FFFFFF);
    box-shadow:0 0 0 0 rgba(255,255,255,.7);
    animation:vtc-pulse 1.8s ease-in-out infinite;
}
@keyframes vtc-pulse{
    0%,100%{ box-shadow:0 0 0 0 rgba(255,255,255,.7); opacity:1; }
    50%   { box-shadow:0 0 0 6px rgba(255,255,255,0);  opacity:.6; }
}

.vtc-heading{
    margin:0 0 1.1rem;
    font-family:var(--ax-font-display, 'Anton', 'Arial Narrow', sans-serif);
    font-size:clamp(1.85rem, 4.6vw, 3.4rem);
    line-height:1;
    letter-spacing:.005em;
    text-transform:uppercase;
    color:var(--ax-white, #FFFFFF);
}
.vtc-heading em{
    display:inline-block;
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-weight:600;
    font-size:.78em;
    text-transform:lowercase;
    letter-spacing:0;
    color:var(--ax-orange, #F15A29);
}
.vtc-lede{
    margin:0 0 .85rem;
    font-size:1.02rem;
    line-height:1.65;
    color:rgba(255,255,255,.85);
    max-width:640px;
}
.vtc-note{
    margin:0 0 1.4rem;
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-size:.95rem;
    line-height:1.55;
    color:var(--ax-muted-dark, #A8A39A);
    max-width:640px;
    padding-left:.85rem;
    border-left:2px solid var(--ax-orange, #F15A29);
}

.vtc-actions{
    display:flex;
    flex-direction:column;
    gap:.85rem;
    align-items:flex-start;
}
.vtc-cta{
    display:inline-flex;
    align-items:center;
    gap:.65rem;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    font-size:1rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--ax-ink, #1F2530);
    background:var(--ax-paper, #FAF6EE);
    border:2px solid var(--ax-paper, #FAF6EE);
    padding:.85rem 1.3rem;
    text-decoration:none;
    box-shadow:0 7px 0 var(--ax-orange-deep, #B0401A);
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.vtc-cta:hover,
.vtc-cta:focus-visible{
    background:var(--ax-white, #FFFFFF);
    box-shadow:0 9px 0 var(--ax-orange, #F15A29);
    transform:translate(-2px,-2px);
    text-decoration:none;
    color:var(--ax-ink, #1F2530);
    outline:none;
}
.vtc-cta-tri{
    width:0; height:0;
    border-style:solid;
    border-width:6px 0 6px 10px;
    border-color:transparent transparent transparent var(--ax-orange, #F15A29);
    flex-shrink:0;
}
.vtc-microcopy{
    margin:0;
    max-width:560px;
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-size:.92rem;
    line-height:1.55;
    color:rgba(255,255,255,.68);
}

@media (max-width: 860px){
    .vtc-inner{
        grid-template-columns:1fr;
        gap:32px;
    }
    .vtc-stage{ max-width:280px; margin:0; }
}
@media (max-width: 520px){
    .vtc-stage{ max-width:240px; margin:0 auto; }
    .vtc-frame{ box-shadow:6px 6px 0 0 var(--ax-orange-deep, #B0401A); }
    .vtc-frame:hover{ box-shadow:9px 9px 0 0 var(--ax-orange, #F15A29); }
}
@media (prefers-reduced-motion: reduce){
    .vtc-frame,
    .vtc-cta,
    .vtc-eyebrow-dot{ transition:none; animation:none; }
    .vtc-frame:hover,
    .vtc-cta:hover{ transform:none; }
}


/* ─── 03 · Telas Populares Chiapas (tpc) · Registro Dossier ──────────── */
.tpc-section{
    background:var(--ax-white, #FFFFFF);
    padding:clamp(64px, 8vw, 96px) 0;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    border-top:3px solid var(--ax-orange, #F15A29);
}
.tpc-inner{
    max-width:1380px;
    margin:0 auto;
    padding:0 clamp(20px, 4vw, 56px);
}
.tpc-header{
    max-width:880px;
    margin:0 0 clamp(32px, 5vw, 56px);
}
.tpc-eyebrow{
    display:inline-flex;
    align-items:stretch;
    gap:0;
    margin-bottom:1.25rem;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    line-height:1;
}
.tpc-eyebrow-num{
    background:var(--ax-orange, #F15A29);
    color:var(--ax-white, #FFFFFF);
    padding:7px 10px;
}
.tpc-eyebrow-label{
    background:var(--ax-ink, #1F2530);
    color:var(--ax-white, #FFFFFF);
    padding:7px 10px;
}
.tpc-heading{
    margin:0 0 1.1rem;
    font-family:var(--ax-font-display, 'Anton', 'Arial Narrow', sans-serif);
    font-size:clamp(1.85rem, 4.4vw, 3rem);
    line-height:1.02;
    letter-spacing:.005em;
    text-transform:uppercase;
    color:var(--ax-ink, #1F2530);
}
.tpc-heading em{
    display:inline-block;
    margin-top:.2rem;
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-weight:600;
    font-size:.82em;
    text-transform:lowercase;
    letter-spacing:0;
    color:var(--ax-orange, #F15A29);
}
.tpc-lede{
    margin:0 0 .9rem;
    font-size:1rem;
    line-height:1.65;
    color:var(--ax-ink, #1F2530);
}
.tpc-lede:last-of-type{ margin-bottom:0; }
.tpc-hint{
    display:none;
    margin:.85rem 0 0;
    font-family:var(--ax-font-mono, 'JetBrains Mono', ui-monospace, monospace);
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--ax-muted, #6E6A60);
}

.tpc-grid{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:clamp(20px, 2.5vw, 32px);
}
.tpc-card{
    position:relative;
    background:var(--ax-white, #FFFFFF);
    border:2px solid var(--ax-ink, #1F2530);
    box-shadow:6px 6px 0 0 var(--ax-ink, #1F2530);
    padding:clamp(20px, 2.5vw, 28px);
    display:flex;
    flex-direction:column;
    gap:.85rem;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tpc-card:hover,
.tpc-card:focus-within{
    transform:translate(-3px,-3px);
    box-shadow:9px 9px 0 0 var(--ax-orange, #F15A29);
    border-color:var(--ax-orange, #F15A29);
}
.tpc-card-num{
    font-family:var(--ax-font-mono, 'JetBrains Mono', ui-monospace, monospace);
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--ax-muted, #6E6A60);
    padding-bottom:.5rem;
    border-bottom:1px solid rgba(31,37,48,.12);
}
.tpc-card-title{
    margin:0;
    font-family:var(--ax-font-display, 'Anton', 'Arial Narrow', sans-serif);
    font-size:clamp(1.05rem, 1.7vw, 1.3rem);
    line-height:1.12;
    letter-spacing:.005em;
    text-transform:uppercase;
    color:var(--ax-ink, #1F2530);
}
.tpc-card-title em{
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-weight:600;
    font-size:.92em;
    text-transform:lowercase;
    letter-spacing:0;
    color:var(--ax-orange, #F15A29);
}
.tpc-card-desc{
    margin:0;
    font-size:.92rem;
    line-height:1.6;
    color:var(--ax-ink, #1F2530);
}
.tpc-card-link{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    align-self:flex-start;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    font-size:.85rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--ax-ink, #1F2530);
    text-decoration:none;
    padding:.55rem .85rem;
    background:var(--ax-paper, #FAF6EE);
    border:2px solid var(--ax-ink, #1F2530);
    box-shadow:0 5px 0 var(--ax-orange-deep, #B0401A);
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.tpc-card-link:hover,
.tpc-card-link:focus-visible{
    background:var(--ax-orange, #F15A29);
    color:var(--ax-white, #FFFFFF);
    box-shadow:0 7px 0 var(--ax-ink, #1F2530);
    transform:translate(-2px,-2px);
    text-decoration:none;
    outline:none;
}
.tpc-card-arrow{
    width:14px;
    height:14px;
    transition:transform .2s ease;
}
.tpc-card-link:hover .tpc-card-arrow{
    transform:translateX(3px);
}

@media (max-width: 991px){
    .tpc-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px){
    /* Slider scroll-snap horizontal en móvil — evita ocupar espacio vertical excesivo */
    .tpc-inner{
        padding-right:0;
        padding-left:0;
    }
    .tpc-header{
        padding:0 clamp(20px, 4vw, 40px);
    }
    .tpc-hint{ display:block; }
    .tpc-grid{
        display:flex;
        grid-template-columns:none;
        gap:14px;
        padding:8px clamp(20px, 4vw, 40px) 18px;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-color:var(--ax-orange, #F15A29) transparent;
        scrollbar-width:thin;
    }
    .tpc-grid::-webkit-scrollbar{ height:6px; }
    .tpc-grid::-webkit-scrollbar-track{ background:transparent; }
    .tpc-grid::-webkit-scrollbar-thumb{ background:var(--ax-orange, #F15A29); }
    .tpc-card{
        flex:0 0 82vw;
        max-width:360px;
        scroll-snap-align:start;
        box-shadow:4px 4px 0 0 var(--ax-ink, #1F2530);
    }
    .tpc-card:hover,
    .tpc-card:focus-within{ box-shadow:6px 6px 0 0 var(--ax-orange, #F15A29); }
}
@media (prefers-reduced-motion: reduce){
    .tpc-card,
    .tpc-card-link,
    .tpc-card-arrow{ transition:none; }
    .tpc-card:hover,
    .tpc-card-link:hover{ transform:none; }
    .tpc-card-link:hover .tpc-card-arrow{ transform:none; }
}


/* ─── 04 · Elige Tela Correcta (etc) · Registro Fanzine ──────────────── */
.etc-section{
    position:relative;
    background:var(--ax-ink, #1F2530);
    color:var(--ax-white, #FFFFFF);
    padding:clamp(64px, 9vw, 112px) 0;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    overflow:hidden;
    isolation:isolate;
}
.etc-section::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:
        repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, transparent 1px 40px),
        repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 40px);
    pointer-events:none;
    z-index:0;
}
.etc-mega{
    position:absolute;
    left:-2vw;
    top:50%;
    transform:translateY(-50%);
    font-family:var(--ax-font-display, 'Anton', 'Arial Narrow', sans-serif);
    font-size:clamp(12rem, 28vw, 28rem);
    line-height:.85;
    letter-spacing:-.03em;
    color:transparent;
    -webkit-text-stroke:4px rgba(241,90,41,.18);
    pointer-events:none;
    z-index:0;
    white-space:nowrap;
    text-transform:uppercase;
}
.etc-inner{
    position:relative;
    z-index:1;
    max-width:1180px;
    margin:0 auto;
    padding:0 clamp(20px, 4vw, 56px);
}
.etc-header{
    max-width:860px;
    margin:0 0 clamp(32px, 5vw, 48px);
}
.etc-eyebrow{
    display:inline-block;
    margin-bottom:1.25rem;
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-size:.95rem;
    color:var(--ax-orange, #F15A29);
    letter-spacing:.005em;
}
.etc-heading{
    margin:0 0 1.25rem;
    font-family:var(--ax-font-display, 'Anton', 'Arial Narrow', sans-serif);
    font-size:clamp(2rem, 5.6vw, 4rem);
    line-height:.98;
    letter-spacing:.005em;
    text-transform:uppercase;
    color:var(--ax-white, #FFFFFF);
}
.etc-heading em{
    display:inline-block;
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-weight:600;
    font-size:.78em;
    text-transform:lowercase;
    letter-spacing:0;
    color:var(--ax-orange, #F15A29);
}
.etc-lede{
    margin:0;
    font-size:1.05rem;
    line-height:1.65;
    color:rgba(255,255,255,.82);
    max-width:760px;
}
.etc-guide-intro{
    margin:0 0 1rem;
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-size:1.05rem;
    color:var(--ax-white, #FFFFFF);
}
.etc-guide{
    margin:0 0 clamp(32px, 5vw, 48px);
    padding:0;
    display:flex;
    flex-direction:column;
    gap:0;
    border-top:1px solid rgba(255,255,255,.18);
}
.etc-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1.4fr);
    gap:clamp(16px, 3vw, 40px);
    padding:1.05rem 0;
    border-bottom:1px solid rgba(255,255,255,.18);
    align-items:baseline;
}
.etc-row-key{
    margin:0;
    display:inline-flex;
    align-items:baseline;
    gap:.75rem;
    font-family:var(--ax-font-display, 'Anton', 'Arial Narrow', sans-serif);
    font-size:clamp(1.1rem, 1.8vw, 1.4rem);
    line-height:1.1;
    text-transform:uppercase;
    color:var(--ax-white, #FFFFFF);
    letter-spacing:.01em;
}
.etc-row-tag{
    font-family:var(--ax-font-mono, 'JetBrains Mono', ui-monospace, monospace);
    font-size:.65em;
    color:var(--ax-orange, #F15A29);
    letter-spacing:.15em;
    line-height:1;
    padding:3px 6px;
    border:1px solid var(--ax-orange, #F15A29);
    flex-shrink:0;
}
.etc-row-val{
    margin:0;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    font-size:1rem;
    line-height:1.55;
    color:rgba(255,255,255,.82);
}

.etc-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:1rem;
}
.etc-cta{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    font-size:1rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--ax-ink, #1F2530);
    background:var(--ax-orange, #F15A29);
    border:2px solid var(--ax-orange, #F15A29);
    padding:.95rem 1.4rem;
    text-decoration:none;
    box-shadow:0 7px 0 var(--ax-orange-deep, #B0401A);
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.etc-cta:hover,
.etc-cta:focus-visible{
    background:var(--ax-white, #FFFFFF);
    color:var(--ax-ink, #1F2530);
    box-shadow:0 9px 0 var(--ax-orange-deep, #B0401A);
    transform:translate(-2px,-2px);
    text-decoration:none;
    outline:none;
}
.etc-cta .fab{ font-size:1.15em; }
.etc-microcopy{
    margin:0;
    max-width:640px;
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-size:.92rem;
    line-height:1.55;
    color:rgba(255,255,255,.68);
}

@media (max-width: 700px){
    .etc-row{ grid-template-columns:1fr; gap:.35rem; padding:.95rem 0; }
    .etc-row-val{ font-size:.95rem; }
    .etc-mega{ font-size:18rem; opacity:.6; }
}
@media (prefers-reduced-motion: reduce){
    .etc-cta{ transition:none; }
    .etc-cta:hover{ transform:none; }
}


/* ─── 05 · FAQ Chiapas (fqc) · Registro Periódico ────────────────────── */
.fqc-section{
    background:var(--ax-paper, #FAF6EE);
    padding:clamp(64px, 8vw, 96px) 0;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    border-top:1px solid rgba(31,37,48,.18);
    border-bottom:1px solid rgba(31,37,48,.18);
    position:relative;
}
.fqc-section::before,
.fqc-section::after{
    content:'';
    position:absolute;
    left:0; right:0;
    height:1px;
    background:rgba(31,37,48,.18);
}
.fqc-section::before{ top:6px; }
.fqc-section::after{ bottom:6px; }
.fqc-inner{
    max-width:920px;
    margin:0 auto;
    padding:0 clamp(20px, 4vw, 40px);
    position:relative;
    z-index:1;
}
.fqc-header{
    margin:0 0 clamp(28px, 4vw, 40px);
}
.fqc-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.85rem;
    margin-bottom:1.1rem;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    line-height:1;
    color:var(--ax-ink, #1F2530);
}
.fqc-eyebrow-stamp{
    background:var(--ax-ink, #1F2530);
    color:var(--ax-white, #FFFFFF);
    padding:6px 9px;
    letter-spacing:.18em;
}
.fqc-eyebrow-text{
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-weight:500;
    font-size:.95rem;
    text-transform:none;
    letter-spacing:.005em;
    color:var(--ax-muted, #6E6A60);
}
.fqc-heading{
    margin:0 0 .85rem;
    font-family:var(--ax-font-display, 'Anton', 'Arial Narrow', sans-serif);
    font-size:clamp(1.85rem, 4.4vw, 2.85rem);
    line-height:1.02;
    letter-spacing:.005em;
    text-transform:uppercase;
    color:var(--ax-ink, #1F2530);
}
.fqc-heading em{
    font-family:var(--ax-font-accent, 'Fraunces', Georgia, serif);
    font-style:italic;
    font-weight:600;
    font-size:.82em;
    text-transform:lowercase;
    letter-spacing:0;
    color:var(--ax-orange, #F15A29);
}
.fqc-lede{
    margin:0;
    font-size:1rem;
    line-height:1.6;
    color:var(--ax-muted, #6E6A60);
    max-width:640px;
}

.fqc-list{
    border-top:1px solid rgba(31,37,48,.22);
}
.fqc-item{
    border-bottom:1px solid rgba(31,37,48,.22);
    background:transparent;
}
.fqc-q-wrap{
    margin:0;
}
.fqc-q{
    width:100%;
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1.15rem 0;
    background:transparent;
    border:0;
    text-align:left;
    cursor:pointer;
    font-family:var(--ax-font-display, 'Anton', 'Arial Narrow', sans-serif);
    font-size:clamp(1rem, 1.6vw, 1.2rem);
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:.005em;
    color:var(--ax-ink, #1F2530);
    transition:padding-left .18s ease, color .18s ease;
}
.fqc-q:hover,
.fqc-q:focus-visible{
    color:var(--ax-orange, #F15A29);
    padding-left:6px;
    outline:none;
}
.fqc-q:focus-visible{
    box-shadow:inset 3px 0 0 var(--ax-orange, #F15A29);
}
.fqc-q-num{
    font-family:var(--ax-font-mono, 'JetBrains Mono', ui-monospace, monospace);
    font-size:.7rem;
    font-weight:400;
    letter-spacing:.18em;
    color:var(--ax-orange, #F15A29);
    flex-shrink:0;
    width:2.2rem;
}
.fqc-q-text{
    flex:1;
    min-width:0;
}
.fqc-q-icon{
    flex-shrink:0;
    font-size:.85rem;
    color:var(--ax-orange, #F15A29);
    transition:transform .25s ease;
}
.fqc-q[aria-expanded="true"] .fqc-q-icon{
    transform:rotate(180deg);
}
.fqc-a{
    padding:0 0 1.4rem 3.2rem;
}
.fqc-a p{
    margin:0;
    font-family:var(--ax-font-body, 'Lato', system-ui, sans-serif);
    font-size:1rem;
    line-height:1.65;
    color:var(--ax-ink, #1F2530);
    max-width:680px;
}

@media (max-width: 600px){
    .fqc-q{ gap:.65rem; font-size:1.02rem; }
    .fqc-q-num{ width:1.7rem; font-size:.65rem; }
    .fqc-a{ padding-left:2.35rem; }
}
@media (prefers-reduced-motion: reduce){
    .fqc-q,
    .fqc-q-icon{ transition:none; }
}