/* Prueba visual 3D Fiscal (02/11/2026). Copia para revisar; no es la página publicada.
   Se apoya en tema-3dfiscal.css (Marino). Lleva: T1-T3, C1-C4, D1-D8, N1-N3 y el panel de prueba. */

/* ---------- T1-T3: fuentes locales (SIL Open Font License; licencias en assets/fonts) ---------- */
@font-face{font-family:"Inter";src:url(fonts/Inter-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/Inter-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/Inter-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/Inter-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/Inter-ExtraBold.woff) format("woff");font-weight:800 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4 Display";src:url(fonts/SourceSerif4Display-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Serif 4 Display";src:url(fonts/SourceSerif4Display-Semibold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(fonts/IBMPlexMono-Regular-Latin1.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(fonts/IBMPlexMono-Medium-Latin1.woff2) format("woff2");font-weight:500;font-display:swap}

html[data-marca]{
  --serif:"Source Serif 4 Display",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",Consolas,"Courier New",monospace;
  /* C2: un color por sección, como las caras del cubo */
  --s1:#7CC8EA; --s2:#A9C4E8; --s3:#6FDDA9;
  --verde:#157A4F; --verde-osc:#0f6a43; --azul:#146C94; --marino:#0F3D5E;
}
html[data-marca] body{font-family:"Inter","Segoe UI",Arial,sans-serif}
html[data-marca] .reference-hero h1,html[data-marca] .showcase-card strong{font-family:var(--serif)}
html[data-marca] .mono,html[data-marca] .ad-files{font-family:var(--mono)}
html[data-marca] :is(.price,.price-month,.ad-table){font-variant-numeric:tabular-nums}

/* Tamaños: informativos >=14 px, etiquetas >=12 px, lectura 17 px */
html[data-marca] :is(.showcase-caption,.modules-note,figcaption,.detail-caution,.smallprint,.support-note,.guide-note,#guide-how,#guide-check,.guide-detail-link,.module-benefit,.module-jump,.detail-action,.guide-disclaimer,.guide-video span,.footer-row span,.footer-legal,.footer-legal a){font-size:.875rem}
html[data-marca] :is(.eyebrow,.image-label,.detail-kicker,.guide-step-label,.pill,.annotation-intro,.zoom-hint){font-size:.75rem}
html[data-marca] :is(.section-head p,.module-body p,.detail-lead,.offer-card>p,.offer-card li,.faq details p,.support-grid>div>p){font-size:1.0625rem;line-height:1.55}

/* ---------- Logo provisional y marca ---------- */
html[data-marca] .mark.mark-logo{background:transparent!important;width:32px;height:32px;display:grid;place-items:center;border-radius:0}
html[data-marca] .mark-logo svg{width:32px;height:32px;display:block}
html[data-marca] .wordmark{font-weight:800;letter-spacing:-.01em;font-size:1.12rem}
html[data-marca] .wordmark b{font-weight:500;color:var(--accent)}

/* ---------- C1/C2: botón de compra verde también en Platino ---------- */
html[data-marca][data-finish] .reference-hero .btn-primary,html[data-marca][data-finish] .offer .btn-primary{background:linear-gradient(110deg,var(--verde-osc) 0%,var(--verde) 54%,var(--verde-osc) 100%);color:#fff;border-color:transparent;box-shadow:inset 0 1px 0 #ffffff40,0 6px 22px #0b5a3a80}
html[data-marca][data-finish] .reference-hero .btn-primary:hover,html[data-marca][data-finish] .offer .btn-primary:hover{background:linear-gradient(110deg,#0c5a39,var(--verde-osc) 55%,#0c5a39);color:#fff}

/* Tarjetas de portada: una cara del cubo cada una */
html[data-marca][data-finish] .showcase-card.card-one{background-image:url(card-azul.webp)}
html[data-marca][data-finish] .showcase-card.card-two{background-image:url(card-declara.webp)}
html[data-marca][data-finish] .showcase-card.card-three{background-image:url(card-verde.webp)}
html[data-marca] .card-one .showcase-icon{color:#eaf7ff;filter:drop-shadow(0 0 10px #7cc8eab0)}
html[data-marca] .card-two .showcase-icon{color:#f1f5fb;filter:drop-shadow(0 0 10px #a9c4e8a0)}
html[data-marca] .card-three .showcase-icon{color:#eafff4;filter:drop-shadow(0 0 10px #6fdda9b0)}

/* Secciones del programa con su color */
html[data-marca] :is(#importador,#detalle-importador){--sec:var(--s1)}
html[data-marca] :is(#precarga,#detalle-precarga){--sec:var(--s2)}
html[data-marca] :is(#calculadoras,#detalle-calculadoras){--sec:var(--s3)}
html[data-marca][data-refinement] #funciones .module-grid .module{border-top:3px solid var(--sec)}
html[data-marca] .module-grid .module a.module-index,html[data-marca] .module-grid .module .module-jump,html[data-marca] .product-details .product-detail .detail-kicker,html[data-marca] .product-details .product-detail .detail-action{color:var(--sec)!important}
html[data-marca] .module-grid .module .module-benefit::before{color:var(--sec)!important}
html[data-marca] .depth-difference span:nth-child(1) b{color:var(--s1)!important}
html[data-marca] .depth-difference span:nth-child(2) b{color:var(--s2)!important}
html[data-marca] .depth-difference span:nth-child(3) b{color:var(--s3)!important}
html[data-marca] .product-details .product-detail{border-left:3px solid var(--sec)}

/* ---------- D1: portada ---------- */
html[data-marca] .reference-hero h1{font-weight:400;letter-spacing:-.035em;margin:12px 0 10px}
html[data-marca] .hero-tagline{position:relative;font-size:clamp(1.3rem,1.85vw,1.7rem);font-weight:600;line-height:1.25;color:#fff;margin:0 0 10px;letter-spacing:-.01em;max-width:560px}
html[data-marca] .reference-hero .hero-lead{font-size:1.0625rem;line-height:1.5;color:#dbe4ea;max-width:500px;margin-bottom:22px;font-weight:400}
html[data-marca] .hero-proof{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;max-width:600px}
html[data-marca] .hero-proof li{font-size:.8125rem;font-weight:600;white-space:nowrap;color:#eef4f8;background:#0b1117c4;border:1px solid #ffffff30;border-radius:999px;padding:6px 12px;text-shadow:none}
html[data-marca] .hero-proof li::before{content:"✓";color:#6FDDA9;margin-right:7px;font-weight:800}

/* ---------- D2: las tres D ---------- */
html[data-marca] .showcase-card strong{font-size:clamp(1.35rem,2vw,1.9rem);font-weight:600;letter-spacing:-.02em}
html[data-marca] .showcase-card small{display:block;margin-top:-18px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d9e5ee;position:relative}

/* ---------- D3: capturas dentro de una ventana ---------- */
html[data-marca] .module-visual.win{display:flex;flex-direction:column}
html[data-marca] .module-visual.win .zoom-trigger{flex:1;min-height:0;height:auto;display:block}
html[data-marca] .win-bar{flex:0 0 28px;display:flex;align-items:center;gap:10px;padding:0 4px 0 10px;background:#f3f5f7;border-bottom:1px solid #d8dee4;color:#1f2b35;font-size:.75rem;font-weight:600;position:relative;z-index:2}
html[data-marca] .win-bar span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-marca] .win-bar em{font-style:normal;width:26px;text-align:center;color:#56636e;font-size:.8rem}
html[data-marca] .win-ico{width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,var(--sec) 0 50%,var(--marino) 50%)}

/* ---------- D4: antes y después ---------- */
html[data-marca] .antes-despues{padding:84px 0;background:#1a1d20;color:#fff}
html[data-marca][data-tema] .antes-despues{background:var(--t-sect)}
html[data-marca] .antes-despues .section-head{margin-bottom:34px}
html[data-marca] .antes-despues .section-head{max-width:980px}html[data-marca] .antes-despues h2{max-width:980px}
html[data-marca] .ad-grid{display:grid;grid-template-columns:minmax(0,.85fr) auto minmax(0,1.5fr);gap:22px;align-items:stretch}
html[data-marca] .ad-card{margin:0;border:1px solid #ffffff22;border-radius:14px;background:#22262a;padding:20px;min-width:0}
html[data-marca][data-tema] .ad-card{background:var(--t-deep);border-color:var(--t-line2)}
html[data-marca] .ad-card figcaption{display:flex;flex-direction:column;gap:2px;margin-bottom:14px;font-size:.95rem;color:#c9d4dc}
html[data-marca] .ad-card figcaption strong{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#ffb36b}
html[data-marca] .ad-despues figcaption strong{color:#6FDDA9}
html[data-marca] .ad-files{list-style:none;margin:0;padding:0;font-size:.8rem;color:#c5ced6}
html[data-marca] .ad-files li{padding:6px 8px;border-bottom:1px dashed #ffffff1c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-marca] .ad-files li::before{content:"";display:inline-block;width:9px;height:11px;margin-right:8px;border:1px solid #9aa6b0;border-radius:1px;vertical-align:-1px}
html[data-marca] .ad-files .ad-more{border:0;color:#8f9ba5;font-family:"Inter",sans-serif}
html[data-marca] .ad-files .ad-more::before{display:none}
html[data-marca] .ad-arrow{display:grid;place-items:center;font-size:2rem;color:var(--s3)}
html[data-marca] .ad-table-wrap{overflow-x:auto}
html[data-marca] .ad-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff;color:#1f2b35;border-radius:8px;overflow:hidden}
html[data-marca] .ad-table th{background:#157A4F;color:#fff;text-align:left;font-weight:700;padding:8px 10px;white-space:nowrap}
html[data-marca] .ad-table td{padding:7px 10px;border-bottom:1px solid #e3e9ee;white-space:nowrap}
html[data-marca] .ad-table tbody tr:nth-child(even) td{background:#f4f8fa}
html[data-marca] .ad-table .num{text-align:right}
html[data-marca] .ad-table tfoot td{font-weight:800;background:#e8f2ec;color:#0f3d5e}
html[data-marca] .ad-note{margin:16px 0 0;font-size:.875rem;color:#aeb9c2}

/* ---------- D5: precio ---------- */
html[data-marca] .price-old{font-size:1.35rem;font-weight:600;color:#aab6c1;text-decoration-thickness:2px;margin-right:6px}
html[data-marca] .price-month{margin:-6px 0 14px;font-size:.95rem;color:#d7e2ea}

/* ---------- D6: un solo botón discreto de pausa ---------- */
html[data-marca] #replay-scene{display:none!important}
html[data-marca] #pause-scene{width:34px;height:34px;padding:0;border-radius:50%;font-size:0;display:grid;place-items:center;background:#0b0e10b8;border:1px solid #ffffff55}
html[data-marca] #pause-scene[hidden]{display:none}
html[data-marca] #pause-scene::before{content:"";width:10px;height:12px;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65%)}
html[data-marca] #pause-scene[aria-pressed="true"]::before{width:11px;height:12px;margin-left:3px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}

/* ---------- D7: menos textura detrás del texto de portada ---------- */
@media(min-width:901px){html[data-marca] .reference-hero .hero-scrim{background:linear-gradient(90deg,rgba(9,12,15,.86) 0%,rgba(9,12,15,.64) 34%,rgba(9,12,15,.2) 56%,transparent 70%)!important}}

/* ---------- D8 + N1: firma y ficha técnica ---------- */
html[data-marca] .offer-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;padding-top:22px;border-top:1px solid #ffffff22}
html[data-marca] .firma{display:flex;align-items:center;gap:14px;max-width:640px}
html[data-marca] .firma-mono{flex:0 0 46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--azul),var(--verde))}
html[data-marca] .firma strong{display:block;color:#fff;font-size:1rem}
html[data-marca] .firma > div span{display:block;color:#c9d4dc;font-size:.9rem}

/* ---------- N2: WhatsApp por motivo ---------- */
html[data-marca] .wa-motivos{margin-top:26px}
html[data-marca] .wa-title{font-size:.95rem;font-weight:600;margin:0 0 10px}
html[data-marca] .wa-row{display:flex;flex-wrap:wrap;gap:8px}
html[data-marca] .wa-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid #2f8f62;color:#dff5ea;background:#123a2a;font-size:.875rem;font-weight:700;text-decoration:none}
html[data-marca] .wa-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:#25d366}
html[data-marca] .wa-chip:hover{background:#17503a}

/* ---------- N3: avisos por correo ---------- */
html[data-marca] .avisos{margin-top:28px;padding:20px;border:1px solid #ffffff22;border-radius:14px;background:#ffffff08}
html[data-marca] .avisos h3{margin:0 0 6px;font-size:1.1rem}
html[data-marca] .avisos p{margin:0 0 12px;font-size:.95rem}
html[data-marca] .avisos-row{display:flex;gap:8px;flex-wrap:wrap}
html[data-marca] .avisos input[type=email]{flex:1 1 220px;min-width:0;padding:11px 13px;border-radius:9px;border:1px solid #9aa9b5;background:#fff;color:#0f3d5e;font:inherit;font-size:1rem}
html[data-marca] .btn-avisos{background:var(--azul);color:#fff;border:0}
html[data-marca] .btn-avisos:hover{background:#0f5a7c;color:#fff}
html[data-marca] .avisos-ok{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:.875rem}
html[data-marca] .avisos-ok a{color:inherit;text-decoration:underline}
html[data-marca] .avisos-msg{min-height:1.2em;margin:8px 0 0!important;font-size:.875rem!important;font-weight:600}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- C3: Petróleo (alternativa) ---------- */
html[data-tema="petroleo"]{--t-main:#0E7C86;--t-tint:#5CC6CF;--t-deep:#0f3438;--t-card:#134a4f;--t-sect:#0c2427;--t-glow:#5cc6cfa8;--t-cta1:#0f6a43;--t-cta2:#157A4F;--t-line:#2f7f86;--t-line2:#245e63}
html[data-tema="petroleo"] .reference-hero{background-image:url(hero-petroleo.webp)}

/* ---------- C4: portada oscura y cuerpo claro ---------- */
html[data-cuerpo="claro"]{--cl-bg:#F4F8FA;--cl-card:#fff;--cl-line:#DCE7EE;--cl-text:#2B3A46;--cl-muted:#5B6B78;--cl-head:#0F3D5E;--cl-link:#146C94}
html[data-cuerpo="claro"] :is(.hero-context,.trust-strip,.antes-despues,#funciones,#opciones,#ayuda,.extras){background:var(--cl-bg)!important;background-image:none!important;color:var(--cl-text)!important;box-shadow:none!important;border-color:var(--cl-line)!important}
html[data-cuerpo="claro"] .trust-strip{border-bottom:1px solid var(--cl-line)}
html[data-cuerpo="claro"] :is(.hero-context,.trust-strip,.antes-despues,#funciones,#opciones,#ayuda,.extras) :is(h2,h3,h4,summary,.price,.faq summary,.module-body h3 a,.detail-content strong,.depth-intro h3){color:var(--cl-head)!important}
html[data-cuerpo="claro"] :is(.hero-context,.trust-strip,.antes-despues,#funciones,#opciones,#ayuda,.extras) :is(p,li,figcaption,small,label,td,dd,dt,.trust-grid div,.depth-difference span,.hero-context span,.firma > div span){color:var(--cl-text)!important}
html[data-cuerpo="claro"] :is(.modules-note,.smallprint,.support-note,.ad-note,.detail-caution,.price-month,.price-month span){color:var(--cl-muted)!important}
html[data-cuerpo="claro"] :is(.antes-despues,#funciones,#opciones,#ayuda,.extras) .eyebrow,html[data-cuerpo="claro"] .trust-grid span{color:var(--cl-link)!important}
html[data-cuerpo="claro"] :is(.antes-despues,#funciones,#opciones,#ayuda,.extras) a:not(.btn):not(.wa-chip):not(.module-index):not(.module-jump):not(.detail-action){color:var(--cl-link)}
html[data-cuerpo="claro"] :is(.hero-context,.trust-strip,.antes-despues,#funciones,#opciones,#ayuda,.extras){--lc-text:#2B3A46;--lc-muted:#5B6B78;--lc-panel-bg:#fff;--lc-panel:#fff;--lc-border:#DCE7EE;--lc-section:#F4F8FA;--lc-alt:#F4F8FA;--lc-context:#F4F8FA;--lc-base:#F4F8FA;--lc-soft:#e3eef5;--lc-accent:#146C94;--muted:#5B6B78}
html[data-cuerpo="claro"] .offer-card li:before{color:var(--verde)!important}
html[data-cuerpo="claro"] #opciones .offer-card.license li:before{color:#6FDDA9!important}
/* tarjetas blancas */
html[data-cuerpo="claro"] :is(#funciones .module,.product-detail,.offer-card.demo,.extra-card,#ayuda details,.faq,.depth-difference span,.detail-output,.detail-example,.ad-card,.avisos,.depth-intro){background:var(--cl-card)!important;background-image:none!important;border-color:var(--cl-line)!important;box-shadow:0 8px 22px #0f3d5e12!important}
html[data-cuerpo="claro"] #ayuda .faq{border:0!important;box-shadow:none!important;background:transparent!important}
/* C2 en claro: tonos oscuros con contraste sobre blanco */
html[data-cuerpo="claro"][data-marca]{--s1:#146C94;--s2:#0F3D5E;--s3:#157A4F}
/* botones en zona clara */
html[data-cuerpo="claro"] :is(#funciones,#opciones,#ayuda,.extras) .btn-quiet{background:#fff!important;color:var(--cl-head)!important;border:1px solid #b9cad6!important}
html[data-cuerpo="claro"] :is(#funciones,#opciones,#ayuda,.extras) .btn-dark{background:var(--cl-head)!important;color:#fff!important}
html[data-cuerpo="claro"] :is(#funciones,#opciones,#ayuda,.extras) .btn-dark *,html[data-cuerpo="claro"] :is(#funciones,#opciones,#ayuda,.extras) .btn-quiet span{color:inherit!important}
/* licencia destacada en marino */
html[data-cuerpo="claro"] .offer-card.license{background:var(--cl-head)!important;background-image:none!important;border-color:var(--cl-head)!important}
html[data-cuerpo="claro"] #opciones .offer-card.license :is(h3,p,li,.price,.price span,.smallprint,.price-month,.price-month span){color:#fff!important}
html[data-cuerpo="claro"] #opciones .offer-card.license .price-old{color:#b9cddd!important}
html[data-cuerpo="claro"] .offer-card.license .btn-primary,html[data-cuerpo="claro"] .offer-card.license .btn-primary span{color:#fff!important}
html[data-cuerpo="claro"] .offer-card.demo .pill{background:#e3eef5!important;color:var(--cl-head)!important}
html[data-cuerpo="claro"] .offer-foot{border-top-color:var(--cl-line)}
html[data-cuerpo="claro"] .firma strong{color:var(--cl-head)!important}
/* antes y después */
html[data-cuerpo="claro"] .ad-files{color:#3d4d59}
html[data-cuerpo="claro"] .ad-files li{border-bottom-color:#dfe7ed;color:#3d4d59!important}
html[data-cuerpo="claro"] .ad-card figcaption strong{color:#b45f12!important}
html[data-cuerpo="claro"] .ad-despues figcaption strong{color:var(--verde)!important}
html[data-cuerpo="claro"] .ad-table{border:1px solid var(--cl-line)}
html[data-cuerpo="claro"] .ad-table td{color:#1f2b35!important}
html[data-cuerpo="claro"] .ad-table tfoot td{color:var(--cl-head)!important}
/* WhatsApp y avisos */
html[data-cuerpo="claro"] .wa-chip{background:#e9f6ef;color:#0f5a3a!important;border-color:#9fd1b7}
html[data-cuerpo="claro"] .wa-chip:hover{background:#d6efe2}
html[data-cuerpo="claro"] .faq details{background:#fff!important}
html[data-cuerpo="claro"] .faq details p{color:var(--cl-text)!important}
/* módulos */
html[data-cuerpo="claro"] #funciones .module-visual{border-bottom-color:var(--cl-line)!important}
html[data-cuerpo="claro"] #funciones .section-head:after{background:linear-gradient(90deg,var(--azul),var(--verde) 65%,transparent)!important}
html[data-cuerpo="claro"] .module-benefit{border-top-color:var(--cl-line)!important;color:var(--cl-head)!important}
html[data-cuerpo="claro"] .product-detail summary *{color:var(--cl-head)}
html[data-cuerpo="claro"] .product-detail summary .detail-kicker{color:var(--sec)!important}
html[data-cuerpo="claro"] .detail-switch{border-color:var(--cl-line)!important;color:var(--cl-head)!important}

/* ---------- Panel de la prueba (no forma parte de la página) ---------- */
.pv-panel{position:fixed;left:14px;bottom:14px;z-index:1000;max-width:300px;background:#0d1114f2;color:#fff;border:1px solid #ffffff38;border-radius:12px;box-shadow:0 12px 30px #0008;font:500 13px/1.3 Inter,"Segoe UI",Arial,sans-serif}
.pv-toggle{display:block;width:100%;text-align:left;background:none;border:0;color:#fff;font:800 12px/1 Inter,"Segoe UI",sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:11px 14px;cursor:pointer}
.pv-toggle::after{content:" ▾";letter-spacing:0}
.pv-closed .pv-toggle::after{content:" ▸"}
.pv-closed .pv-body{display:none}
.pv-body{padding:0 14px 12px;display:grid;gap:6px}
.pv-label{font-size:11px;color:#a8b5bf;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}
.pv-group{display:flex;flex-wrap:wrap;gap:5px}
.pv-group button{border:1px solid #ffffff40;background:#1d2328;color:#fff;border-radius:7px;padding:6px 9px;font:600 12.5px/1 Inter,"Segoe UI",sans-serif;cursor:pointer}
.pv-group button[aria-pressed="true"]{background:#fff;color:#0d1114;border-color:#fff}
.pv-body small{color:#a8b5bf;font-size:11.5px}

/* ---------- Móvil ---------- */
@media(max-width:900px){
  html[data-marca] .ad-grid{grid-template-columns:1fr}
  html[data-marca] .ad-arrow{transform:rotate(90deg);font-size:1.6rem}
  html[data-marca] .offer-foot{flex-direction:column;align-items:flex-start}
}
@media(max-width:650px){
  html[data-marca] .showcase-card small{display:none}
  html[data-marca] .showcase-card strong{font-size:1.05rem}
  html[data-marca] .hero-proof li{font-size:.8125rem;padding:5px 10px}
  html[data-marca] .ad-table .col-sub{display:none}
  html[data-marca] .antes-despues{padding:64px 0}
  .pv-panel{left:8px;right:auto;bottom:8px;max-width:calc(100% - 16px)}
}

html[data-tema] .faq summary::after,html[data-tema] .faq summary span{color:var(--t-tint)}
html[data-marca] #opciones .offer-card .smallprint,html[data-marca] #funciones .modules-note,html[data-marca] #funciones figcaption,html[data-marca] .reference-hero .showcase-caption{font-size:.875rem!important}
html[data-marca] :is(#guide-how,#guide-check,#guide-note,.guide-detail-link,#guide-next,.trust-grid div,.depth-difference span,.ad-files li){font-size:.875rem!important}
html[data-marca] .hero-context .wrap > span,html[data-marca] .guide-visual > span{font-size:.8125rem!important}

/* ---------- N3 plegable ---------- */
html[data-marca] .avisos-plegable{margin-top:28px;border:1px solid #ffffff22;border-radius:14px;background:#ffffff08}
html[data-marca] .avisos-plegable>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;font-weight:700;font-size:1.05rem}
html[data-marca] .avisos-plegable>summary::-webkit-details-marker{display:none}
html[data-marca] .avisos-plegable>summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--s1)}
html[data-marca] .avisos-plegable[open]>summary::after{content:"–"}
html[data-marca] .avisos-plegable .avisos{margin:0;border:0;background:none;padding:0 20px 18px;box-shadow:none}
html[data-cuerpo="claro"] #ayuda .avisos-plegable{background:#fff;border-color:var(--cl-line)}
html[data-cuerpo="claro"] #ayuda .avisos-plegable>summary{color:var(--cl-head)}
html[data-cuerpo="claro"] #ayuda .avisos-plegable .avisos{background:none!important;box-shadow:none!important;border:0!important}
html[data-marca] .swipe-hint,html[data-marca] .solo-cel{display:none}

/* ---------- Celular más corto (650 px o menos). Escritorio sin cambios ---------- */
@media(max-width:650px){
  /* tarjetas del programa: una al lado de otra, se deslizan con el dedo */
  html[data-marca] .swipe-hint{display:block;margin:-6px 0 12px;font-size:.875rem;font-weight:600;color:var(--s1)}
  html[data-marca] #funciones .module-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-right:-16px;padding:0 16px 12px 0;-webkit-overflow-scrolling:touch}
  html[data-marca] #funciones .module-grid .module{flex:0 0 86%;scroll-snap-align:start;min-width:0}
  /* antes y después compacto */
  html[data-marca] .antes-despues{padding:52px 0}
  html[data-marca] .ad-files li:nth-child(n+3):not(.ad-more){display:none}
  html[data-marca] .solo-pc{display:none}
  html[data-marca] .solo-cel{display:inline}
  html[data-marca] .ad-grid{gap:12px}
  html[data-marca] .ad-arrow{font-size:1.3rem}
  /* tarjeta de prueba sin huecos */
  html[data-marca] #opciones .offer-card ul{align-content:start;gap:6px}
  html[data-marca] #opciones .offer-card li{height:auto}
}

/* ---------- Videos (fachada: portada local; YouTube solo al dar clic) ---------- */
html[data-marca] .videos{padding:84px 0}
html[data-marca] .videos .section-head{margin-bottom:30px}
html[data-marca] .videos .section-head p{color:#c3ced7}
html[data-marca] .vid-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px;align-items:start}
html[data-marca] .vid-side{display:grid;gap:18px}
html[data-marca] .vid-feature,html[data-marca] .vid-card{margin:0;min-width:0}
html[data-marca] .vid{position:relative;display:block;width:100%;aspect-ratio:16/9;border:1px solid #ffffff26;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;background-color:#0F3D5E;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 16px 36px #0007;color:#fff;font:inherit}
html[data-marca] .vid-blur::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--sec) 50%,#0F3D5E) 0%,#0F3D5Ee6 70%)}
html[data-marca] .vid-play{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;background:#ffffffeb;box-shadow:0 6px 20px #0006;transition:transform .15s}
html[data-marca] .vid-play::before{content:"";position:absolute;left:26px;top:20px;width:22px;height:26px;background:#0F3D5E;clip-path:polygon(0 0,100% 50%,0 100%)}
html[data-marca] .vid-card .vid-play{width:52px;height:52px;margin:-26px 0 0 -26px}
html[data-marca] .vid-card .vid-play::before{left:20px;top:15px;width:17px;height:22px}
html[data-marca] .vid:hover .vid-play,html[data-marca] .vid:focus-visible .vid-play{transform:scale(1.08)}
html[data-marca] .vid:focus-visible{outline:3px solid #7CC8EA;outline-offset:3px}
html[data-marca] .vid-dur{position:absolute;right:10px;bottom:10px;padding:3px 8px;border-radius:6px;background:#000c;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}
html[data-marca] .vid-label{position:absolute;left:14px;top:12px;display:flex;flex-direction:column;text-align:left;font-size:.8125rem;font-weight:600;color:#e6eef4}
html[data-marca] .vid-label b{font-family:var(--serif);font-size:1.35rem;font-weight:600;color:#fff}
html[data-marca] .vid-feature figcaption,html[data-marca] .vid-card figcaption{display:flex;flex-direction:column;gap:2px;padding:12px 2px 0}
html[data-marca] .vid-feature figcaption strong{font-size:1.15rem}
html[data-marca] .vid-card figcaption strong{font-size:1rem}
html[data-marca] :is(.vid-feature,.vid-card) figcaption>span{color:#c3ced7;font-size:.95rem}
html[data-marca] .vid-caps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
html[data-marca] .vid-caps>span{font-size:.875rem;color:#aab6c0}
html[data-marca] .vid-caps button,html[data-marca] .vid-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--sec,#7CC8EA);background:transparent;color:var(--sec,#7CC8EA);font:700 .875rem/1.2 Inter,"Segoe UI",sans-serif;cursor:pointer}
html[data-marca] .vid-link{margin-top:12px}
html[data-marca] .vid-caps button:hover,html[data-marca] .vid-link:hover{background:color-mix(in srgb,var(--sec,#7CC8EA) 16%,transparent)}
html[data-marca] .offer-card .vid-link{align-self:flex-start;margin:12px 0 0}
/* ventana del reproductor */
.vid-dialog{width:min(1100px,calc(100vw - 24px));max-width:none;padding:0;border:1px solid #ffffff33;border-radius:14px;background:#0b0e10;color:#fff;overflow:hidden}
.vid-dialog::backdrop{background:#000000c4}
.vid-dialog-top{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px}
.vid-dialog-top h2{flex:1;margin:0;font:700 1rem/1.3 Inter,"Segoe UI",sans-serif}
.vid-dialog-top a{color:#7CC8EA;font:600 .875rem Inter,"Segoe UI",sans-serif;white-space:nowrap}
.vid-close{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff40;background:#1d2328;color:#fff;font-size:1rem;cursor:pointer}
.vid-frame{aspect-ratio:16/9;background:#000}
.vid-frame iframe{display:block;width:100%;height:100%;border:0}
/* cuerpo claro */
html[data-cuerpo="claro"] .videos{background:var(--cl-bg)!important;color:var(--cl-text)}
html[data-cuerpo="claro"] .videos :is(h2,figcaption strong){color:var(--cl-head)!important}
html[data-cuerpo="claro"] .videos :is(.section-head p,figcaption>span,.vid-caps>span){color:var(--cl-text)!important}
html[data-cuerpo="claro"] .videos .eyebrow{color:var(--cl-link)!important}
html[data-cuerpo="claro"] .vid{border-color:var(--cl-line);box-shadow:0 10px 26px #0f3d5e26}
/* celular */
@media(max-width:900px){html[data-marca] .vid-grid{grid-template-columns:1fr}html[data-marca] .vid-side{grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:650px){
  html[data-marca] .videos{padding:52px 0}
  html[data-marca] .vid-card figcaption>span{display:none}
  html[data-marca] .vid-card .vid-label{display:none}
  html[data-marca] .videos .section-head p{display:none}
  html[data-marca] .videos .section-head{margin-bottom:18px}
  html[data-marca] .vid-label b{font-size:1.05rem}
  html[data-marca] .vid-label{font-size:.75rem;left:10px;top:8px}
  html[data-marca] .vid-feature figcaption>span:not(.vid-caps){font-size:.9rem}
  .vid-dialog{width:100vw;border-radius:0;border-left:0;border-right:0}
}

/* Descarga de la demo */
html[data-marca] .descarga-datos{margin:8px 0 0!important;font-size:.875rem!important;color:#c9d4dc}
html[data-marca] .wa-alt{display:inline-block;margin-top:8px;font-size:.875rem;font-weight:600;color:#6FDDA9}