/* REPORTPC SpA — estilos. Inter autoalojada, sin dependencias externas. Tema claro/oscuro con tokens. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-var.woff2) format("woff2")}
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107.4%;ascent-override:90.2%;descent-override:22.5%;line-gap-override:0%}
:root{
  color-scheme:light;
  --bg:#f6f8fc; --surface:#ffffff; --surface-2:#edf1f9; --text:#0e1a3a; --muted:#4b5876;
  --border:#d5dcea; --border-strong:#b4c0d8; --primary:#1f3f8f; --on-primary:#ffffff; --primary-hover:#17306f;
  --link:#1f3f8f; --wa:#15803d; --on-wa:#ffffff; --wa-hover:#116932;
  --accent-soft:#e3eaf8; --on-accent-soft:#1a3478; --focus:#2b57c4;
  --callout-bg:#e9eefa; --callout-text:#0e1a3a;
  --hero-from:#0a1430; --hero-text:#ffffff; --hero-muted:#d3dcf0;
  --st-open-bg:#dcfce7; --st-open-fg:#14532d; --st-break-bg:#fef3c7; --st-break-fg:#78350f; --st-closed-bg:#e2e8f0; --st-closed-fg:#1e293b;
  --h-text:#0e1a3a; --h-muted:#4b5876; --h-line:#d5dcea; --h-today-bg:#e3eaf8; --h-today-fg:#1a3478;
  --foot-bg:#0a1430; --foot-text:#e8edf9; --foot-muted:#b4c0da; --foot-link:#cfdcff; --foot-line:#2a3a66;
  --shadow-sm:0 1px 2px rgba(14,26,58,.06);
  --shadow:0 1px 2px rgba(14,26,58,.05),0 10px 28px rgba(14,26,58,.07);
  --shadow-lg:0 2px 4px rgba(14,26,58,.06),0 18px 40px rgba(14,26,58,.12);
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4.5rem; --s-9:6rem;
  --r-sm:8px; --radius:14px; --r-lg:20px;
  --input-border:#66738f; --err-bg:#fee2e2; --err-fg:#7f1d1d;
  --font:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#0a1122; --surface:#101a30; --surface-2:#16223f; --text:#e9eefa; --muted:#a9b6d0;
  --border:#28365a; --border-strong:#3a4b76; --primary:#6f98f0; --on-primary:#06102a; --primary-hover:#93b3f6;
  --link:#8fb0f7; --wa:#34d27b; --on-wa:#04210f; --wa-hover:#5be096;
  --accent-soft:#1c2d5a; --on-accent-soft:#cfdcff; --focus:#8fb0f7;
  --callout-bg:#14234a; --callout-text:#e9eefa;
  --hero-from:#060b18; --hero-text:#ffffff; --hero-muted:#d3dcf0;
  --st-open-bg:#0f3d24; --st-open-fg:#86efac; --st-break-bg:#4a3410; --st-break-fg:#fde68a; --st-closed-bg:#263248; --st-closed-fg:#dbe3f2;
  --h-text:#e9eefa; --h-muted:#a9b6d0; --h-line:#28365a; --h-today-bg:#1c2d5a; --h-today-fg:#cfdcff;
  --foot-bg:#070d1c; --foot-text:#e8edf9; --foot-muted:#b4c0da; --foot-link:#cfdcff; --foot-line:#22305a;
  --input-border:#7586b0; --err-bg:#4c1414; --err-fg:#fecaca;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px rgba(0,0,0,.35);
  --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 18px 40px rgba(0,0,0,.5);
}
.on-dark{
  --panel-bg:#0e1b3c; --panel-text:#ffffff; --panel-muted:#c3cee6;
  --st-open-bg:#0f3d24; --st-open-fg:#86efac; --st-break-bg:#4a3410; --st-break-fg:#fde68a; --st-closed-bg:#263248; --st-closed-fg:#dbe3f2;
  --h-text:#f1f4fb; --h-muted:#c3cee6; --h-line:#2a3a66; --h-today-bg:#1e3470; --h-today-fg:#ffffff;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:100px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.65 var(--font);font-feature-settings:"cv11","ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto}
a{color:var(--link);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--primary);color:var(--on-primary);padding:.6rem 1rem;border-radius:8px;z-index:100;font-weight:700}
.skip:focus{left:8px}
.container{width:min(1160px,100% - 2.5rem);margin-inline:auto}
.narrow{width:min(780px,100% - 2.5rem);margin-inline:auto}
.icon{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.22em}
h1,h2,h3{line-height:1.18;letter-spacing:-.022em;margin:0 0 .6em;color:var(--text)}
h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800;letter-spacing:-.03em}
h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:750;letter-spacing:-.025em}
h3{font-size:1.15rem;font-weight:650;letter-spacing:-.012em}
p{margin:0 0 1em}
.muted{color:var(--muted)}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--on-accent-soft);background:var(--accent-soft);padding:.32rem .8rem;border-radius:999px;margin-bottom:var(--s-4)}
.kicker{font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--link);margin:0 0 var(--s-2)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}
.nav{display:flex;align-items:center;gap:var(--s-4);min-height:72px}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--text);margin-right:auto;flex:none}
.brand .logo{display:block;line-height:0}
.brand .logo img{display:block;height:56px;width:auto}
.wordmark{font-weight:800;font-size:1.3rem;letter-spacing:-.01em;color:var(--text);line-height:1;white-space:nowrap;display:inline-block}
.wordmark b{font-weight:800;color:#0e7490}
.wordmark small{margin-left:.4rem;font-size:.7em;font-weight:700;color:var(--muted)}
:root[data-theme=dark] .wordmark b{color:#22d3ee}
:root[data-theme=dark] .brand .logo img{filter:drop-shadow(0 0 1px rgba(255,255,255,.55)) drop-shadow(0 0 6px rgba(34,211,238,.18))}
.site-footer .wordmark{color:#fff}.site-footer .wordmark b{color:#22d3ee}.site-footer .wordmark small{color:#cbd5e1}
.site-footer .brand .logo img{filter:drop-shadow(0 0 1px rgba(255,255,255,.55))}
.brand-footer{margin:0 0 var(--s-4)}
.brand-footer .logo img{height:52px}
@media (max-width:640px){.brand .logo img{height:44px}.brand-footer .logo img{height:44px}.wordmark{font-size:1.1rem}}
@media (max-width:359px){.wordmark small{display:none}}
.nav-links{display:flex;gap:.15rem;align-items:center;list-style:none;margin:0;padding:0}
.nav-links a{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .6rem;border-radius:var(--r-sm);color:var(--text);text-decoration:none;font-weight:550;font-size:.95rem;white-space:nowrap}
.nav-links a:hover{background:var(--surface-2)}
.nav-links a[aria-current=page]{background:var(--accent-soft);color:var(--on-accent-soft)}
@media (min-width:1201px){.nav .btn-wa-top{display:none}}
.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}
.icon-btn:hover{background:var(--surface-2)}
.menu-btn{display:none}
.theme-btn .moon{display:none}
:root[data-theme=dark] .theme-btn .sun{display:none}
:root[data-theme=dark] .theme-btn .moon{display:inline}
@media (max-width:1200px){
  .menu-btn{display:inline-grid}
  .nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:.75rem 1.25rem 1rem;box-shadow:var(--shadow)}
  .nav-links.open{display:flex}
  .nav-links a{padding:.8rem .75rem}
  .nav .btn-wa-top{display:none}
}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.35rem;border-radius:10px;font-weight:650;font-size:.97rem;text-decoration:none;border:1.5px solid transparent;cursor:pointer;line-height:1.2;min-height:48px;transition:background-color .15s,border-color .15s,box-shadow .15s}
.btn-primary{background:var(--primary);color:var(--on-primary)}
.btn-primary:hover{background:var(--primary-hover)}
.btn-wa{background:var(--wa);color:var(--on-wa)}
.btn-wa:hover{background:var(--wa-hover)}
.btn-outline{border-color:var(--border-strong);color:var(--text);background:transparent}
.btn-outline:hover{background:var(--surface-2)}
.btn-sm{min-height:44px;padding:.55rem 1.1rem;font-size:.93rem}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-5)}

/* Hero */
.hero{position:relative;color:var(--hero-text);background:var(--hero-from);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url(../img/hero-reparacion-computadores.webp) center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,11,24,.97) 0%,rgba(6,11,24,.94) 55%,rgba(6,11,24,.88) 100%)}
.hero .container{padding-block:clamp(3rem,7vw,5.5rem)}
.hero h1{max-width:19ch;color:#fff}
.hero .lead{font-size:clamp(1.05rem,1.8vw,1.2rem);color:var(--hero-muted);max-width:58ch;line-height:1.6}
.hero .eyebrow{background:rgba(255,255,255,.14);color:#fff}
.hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.55)}
.hero .btn-outline:hover{background:rgba(255,255,255,.14)}
.hero .btn-primary{background:#ffffff;color:#0a1226}
.hero .btn-primary:hover{background:#dbe7ff}
.hero .btn-wa{background:#34d27b;color:#04210f}
.hero .btn-wa:hover{background:#5be096}
.hero-facts{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:var(--s-5) 0 0;padding:0;list-style:none;color:var(--hero-text);font-weight:550;font-size:.95rem}
.hero-facts li{display:flex;align-items:center;gap:.5rem}
.hero-grid{display:grid;gap:var(--s-7);grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);align-items:center}
@media (max-width:960px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}}
.hours-panel{background:var(--panel-bg);color:var(--panel-text);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-lg)}
.hours-panel .panel-kicker{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--panel-muted);margin:0 0 var(--s-1)}
.hours-panel .panel-title{font-size:1.2rem;font-weight:700;margin:0 0 var(--s-1);color:var(--panel-text);letter-spacing:-.01em}
.hours-panel .panel-addr{color:var(--panel-muted);margin:0 0 var(--s-4);font-size:.95rem}
.hours-panel .panel-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:var(--s-4);font-weight:650;color:#fff;font-size:.95rem}
.breadcrumb{font-size:.9rem;margin-bottom:var(--s-4);color:var(--hero-muted)}
.breadcrumb a{color:#fff}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
.breadcrumb li+li::before{content:"/";margin-right:.4rem;opacity:.8}

/* Trust bar */
.trust{background:var(--surface);border-bottom:1px solid var(--border);padding-block:var(--s-5)}
.trust ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4) var(--s-5);grid-template-columns:repeat(5,1fr)}
.trust li{display:flex;gap:var(--s-3);align-items:flex-start}
.trust .t-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--on-accent-soft);flex:none}
.trust strong{display:block;font-weight:650;line-height:1.3;font-size:.97rem}
.trust span.t-sub{display:block;color:var(--muted);font-size:.88rem;line-height:1.4}
@media (max-width:1100px){.trust ul{grid-template-columns:repeat(2,1fr)}.trust li:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:520px){.trust ul{grid-template-columns:1fr}}

/* Sections */
section{padding-block:clamp(3rem,6.5vw,var(--s-8))}
.section-alt{background:var(--surface-2)}
.section-head{max-width:720px;margin-bottom:var(--s-6)}
.section-head h2{margin-bottom:.45em}
.section-head p{color:var(--muted);font-size:1.06rem;margin:0}
.grid{display:grid;gap:var(--s-5)}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--s-2)}
.card h3{margin:0}
.card p{margin:0;color:var(--muted);font-size:.97rem}
.card .card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--on-accent-soft);margin-bottom:var(--s-2)}
.card .card-icon .icon{width:24px;height:24px}
.card ul{margin:.25rem 0 .5rem;padding-left:1.1rem;color:var(--text)}
.card ul li{margin:.2rem 0}
.card .card-links{margin-top:auto;padding-top:var(--s-3);display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;font-weight:600;font-size:.95rem}
.service-card{transition:box-shadow .18s,border-color .18s,transform .18s}
.service-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-2px)}
.card-link{font-weight:650;display:inline-flex;align-items:center;gap:.35rem}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.checklist li{display:flex;gap:.6rem;align-items:flex-start}
.checklist .icon{color:var(--wa);margin-top:.25rem}
.steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-5);box-shadow:var(--shadow-sm)}
.steps li::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:750;margin-bottom:var(--s-3)}
.steps h3{margin-bottom:.4rem}
.steps p{margin:0;color:var(--muted)}
.pills{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:0}
.pills li{background:var(--surface);border:1px solid var(--border);padding:.5rem 1.05rem;border-radius:999px;font-weight:600}

/* Plans */
.plan{position:relative}
.plan .price{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--text);margin:.2rem 0 0}
.plan .price small{display:block;margin-top:.15rem;font-size:.9rem;font-weight:550;color:var(--muted);white-space:nowrap}
.grid-4.plans-one{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.plan .name{font-weight:700;font-size:1.1rem;color:var(--text)}
.note{background:var(--callout-bg);color:var(--callout-text);border-left:4px solid var(--primary);padding:var(--s-4) var(--s-5);border-radius:0 12px 12px 0;margin-top:var(--s-5)}
.note p{margin:0}

/* CobranzaPC / 2 columnas */
.product{display:grid;gap:var(--s-7);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
.product.top{align-items:start}
@media (max-width:860px){.product{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}}
@media (max-width:1000px){.product.top{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}}

.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow)}
.product-card .head{display:flex;align-items:center;gap:.9rem;margin-bottom:var(--s-4)}
.product-card .head img{width:56px;height:56px;border-radius:14px}
.product-card .head strong{display:block;font-size:1.25rem;line-height:1.2;letter-spacing:-.01em}
.band{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-5);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4) var(--s-5);box-shadow:var(--shadow-sm)}
.band img{width:48px;height:48px;border-radius:12px}
.band p{margin:0;flex:1 1 280px}

/* FAQ */
.faq details{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:var(--s-3);box-shadow:var(--shadow-sm)}
.faq summary{cursor:pointer;padding:var(--s-4) var(--s-5);font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:var(--s-4);align-items:center;min-height:52px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--link);font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 var(--s-5) var(--s-4);color:var(--muted)}
.faq details>div p:last-child{margin:0}

/* Contacto */
.contact-list{list-style:none;margin:var(--s-5) 0 0;padding:0;display:grid;gap:var(--s-4)}
.contact-list li{display:flex;gap:.9rem;align-items:flex-start}
.contact-list .card-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--on-accent-soft);display:grid;place-items:center;flex:none}
.contact-list strong{display:block;font-weight:650}
.contact-list a{font-weight:600}
.stack{display:grid;gap:var(--s-5);grid-template-columns:minmax(0,1fr)}
.hours-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow)}
.hours-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 var(--s-3);font-size:1.15rem}
.hours-card .h-note{margin:var(--s-3) 0 0;color:var(--muted);font-size:.9rem}

/* Estado en vivo */
.status{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 var(--s-3);padding:.4rem .85rem;border-radius:999px;font-weight:650;font-size:.9rem;line-height:1.3;background:var(--st-closed-bg);color:var(--st-closed-fg)}
.status[hidden]{display:none}
.status .dot{width:.6rem;height:.6rem;border-radius:50%;background:currentColor;flex:none}
.status--open{background:var(--st-open-bg);color:var(--st-open-fg)}
.status--break{background:var(--st-break-bg);color:var(--st-break-fg)}
.status--closed{background:var(--st-closed-bg);color:var(--st-closed-fg)}
.status--open .dot{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}
.status .s-detail{font-weight:500}

/* Tabla de horario */
.hours{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;font-size:.93rem;color:var(--h-text)}
.hours th,.hours td{padding:.5rem .55rem;text-align:left;border-bottom:1px solid var(--h-line);line-height:1.35}
.hours thead th{font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--h-muted);padding-block:.35rem}
.hours tbody th{font-weight:650;color:var(--h-text)}
.hours td{color:var(--h-text);white-space:nowrap}
.hours td.brk{background:var(--st-break-bg);color:var(--st-break-fg);font-weight:600}
.hours td.off{color:var(--h-muted);font-style:normal}
.hours tbody tr:last-child th,.hours tbody tr:last-child td{border-bottom:0}
.hours tr.is-today th,.hours tr.is-today td:not(.brk){background:var(--h-today-bg);color:var(--h-today-fg)}
.hours tr.is-today td.off{color:var(--h-today-fg)}
.hours-compact{font-size:.82rem}
.hours-compact th,.hours-compact td{padding:.4rem .4rem}
.hours-compact thead th{font-size:.68rem;letter-spacing:.04em}
.hours-compact .d-rest{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media (max-width:480px){.hours .d-rest{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
@media (max-width:640px){.hours td{white-space:normal}.hours-compact{font-size:.76rem}.hours-compact th,.hours-compact td{padding:.35rem .3rem}}
@media (max-width:420px){.hours{font-size:.84rem}.hours th,.hours td{padding:.45rem .35rem}.hours thead th{font-size:.66rem;letter-spacing:.03em}}

/* Blog */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--s-5)}
.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem 1rem;border-radius:999px;font-weight:600;cursor:pointer;font:inherit;font-weight:600;min-height:44px}
.chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.post-card .meta,.post-meta{font-size:.88rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.25rem .75rem}
.post-card h3 a{color:var(--text);text-decoration:none}
.post-card h3 a:hover{text-decoration:underline}
.tag{display:inline-block;background:var(--accent-soft);color:var(--on-accent-soft);font-size:.76rem;font-weight:700;padding:.2rem .65rem;border-radius:999px;align-self:flex-start}
.article-head{padding-top:clamp(2rem,5vw,3.5rem)}
.article-head .lead{font-size:1.2rem;color:var(--muted)}
.prose{font-size:1.075rem;line-height:1.72}
.prose h2{margin-top:2.2rem;font-size:1.6rem}
.prose h3{margin-top:1.6rem}
.prose ul,.prose ol{padding-left:1.4rem}
.prose li{margin:.35rem 0}
.prose table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.97rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--border);padding:.6rem .8rem;text-align:left;vertical-align:top}
.prose th{background:var(--surface-2)}
.callout{background:var(--callout-bg);color:var(--callout-text);border-left:4px solid var(--primary);padding:var(--s-4) var(--s-5);border-radius:0 12px 12px 0;margin:var(--s-5) 0}
.callout p:last-child{margin:0}
.callout>*:first-child{margin-top:0}

/* CTA final + pie */
.cta-final{background:var(--hero-from);color:#fff;text-align:center}
.cta-final h2{color:#fff}
.cta-final p{color:var(--hero-muted);max-width:60ch;margin-inline:auto}
.cta-final .cta-row{justify-content:center}
.cta-final .btn-outline{color:#fff;border-color:rgba(255,255,255,.55)}
.cta-final .btn-outline:hover{background:rgba(255,255,255,.14)}
.cta-final .btn-wa{background:#34d27b;color:#04210f}
.cta-final .btn-wa:hover{background:#5be096}
.site-footer{background:var(--foot-bg);color:var(--foot-text);border-top:1px solid var(--foot-line);padding-block:var(--s-7) var(--s-5);font-size:.95rem}
.footer-grid{display:grid;gap:var(--s-6);grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.4fr)}
@media (max-width:1060px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.footer-grid{grid-template-columns:minmax(0,1fr)}}
.site-footer h2{font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--foot-muted);margin:0 0 var(--s-4)}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.site-footer a{color:var(--foot-link);text-decoration-color:transparent;text-underline-offset:3px}
.site-footer a:hover{text-decoration-color:currentColor}
.site-footer p{color:var(--foot-muted)}
.site-footer .foot-about{margin:0 0 var(--s-4);max-width:34ch}
.site-footer .foot-contact li{display:flex;gap:.6rem;align-items:flex-start;color:var(--foot-text)}
.site-footer .foot-contact .icon{color:var(--foot-muted);margin-top:.2rem}
.site-footer .h-note{color:var(--foot-muted);font-size:.85rem;margin:var(--s-3) 0 0}
.legal{border-top:1px solid var(--foot-line);margin-top:var(--s-6);padding-top:var(--s-4);color:var(--foot-muted)!important;font-size:.88rem;display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;justify-content:space-between}
.float-wa{position:fixed;right:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:.5rem;background:var(--wa);color:var(--on-wa);padding:.85rem 1.1rem;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.float-wa:hover{background:var(--wa-hover)}
@media (max-width:480px){.float-wa span{display:none}.float-wa{padding:.9rem}}
@media print{.site-header,.float-wa,.cta-final{display:none}}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-list+.stack{margin-top:var(--s-5)}
.presencial{margin-top:var(--s-6);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:var(--s-5);flex-direction:row}
.presencial h3{margin-bottom:var(--s-2)}
@media (max-width:860px){.presencial{grid-template-columns:minmax(0,1fr);gap:var(--s-3)}}

.pay-block{display:flex;gap:.9rem;align-items:flex-start;margin-top:var(--s-5);padding:var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.pay-block .card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--on-accent-soft);flex:none}
.pay-block h3{margin:0 0 .15rem;font-size:1.05rem}
.pay-block p{margin:0;color:var(--muted)}
.site-footer .foot-pay-h{margin-top:var(--s-5)}
.site-footer .foot-pay{display:flex;gap:.5rem;align-items:flex-start;margin-top:var(--s-2)}
.site-footer .foot-pay .icon{width:18px;height:18px;flex:none;margin-top:.1rem}
.pay-block .pay-cta{margin:var(--s-3) 0 0}
.pay-block .pay-cta .btn{color:var(--on-primary)}
.faq details>div a{font-weight:600}
.site-footer .foot-pay-btn{margin:var(--s-3) 0 0}
.site-footer .btn-pay-foot,.site-footer .btn-pay-foot:visited{background:#fff;color:#0a1226;border-color:#fff}
.site-footer .btn-pay-foot:hover{background:#e3eaf8;color:#0a1226}

/* Formularios (contacto y Diagnóstico IA) */
.form{display:grid;gap:var(--s-4)}
.field{display:grid;gap:.4rem}
.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}
@media (max-width:560px){.field-row{grid-template-columns:minmax(0,1fr)}}
.field label{font-weight:650;font-size:.95rem}
.field input[type=text],.field input[type=email],.field input[type=tel],.field select,.field textarea,.field input[type=file]{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--input-border);border-radius:10px;padding:.7rem .85rem;min-height:46px}
.field textarea{resize:vertical;min-height:120px}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.field.check{display:flex;gap:.7rem;align-items:flex-start}
.field.check input{width:22px;height:22px;margin-top:.15rem;flex:none;accent-color:var(--primary)}
.field.check label{font-weight:500}
.help{font-size:.88rem;color:var(--muted);margin:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg:empty{display:none}
.form-msg{padding:.75rem 1rem;border-radius:10px;font-weight:550}
.form-msg.ok{background:var(--st-open-bg);color:var(--st-open-fg)}
.form-msg.info{background:var(--callout-bg);color:var(--callout-text)}
.form-msg.err{background:var(--err-bg);color:var(--err-fg)}
.form-msg.err a{color:inherit;font-weight:700}
.form button[disabled]{opacity:.65;cursor:progress}
.map-h{margin-bottom:.3em}
.map-frame{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);background:var(--surface-2);aspect-ratio:600/420}
.map-frame iframe{display:block;width:100%;height:100%;border:0}
.map-link{margin-top:var(--s-3)}
.mini-list{margin:0 0 var(--s-3);padding-left:1.2rem;color:var(--muted)}
.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--foot-link);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:24px}
.link-btn:hover{text-decoration-thickness:2px}
.narrow-box{width:min(780px,100%);margin-inline:auto}
.diag-form,.diag-result{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow)}
.photo-prev{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-3)}
.photo-prev img{width:120px;height:auto;max-height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}
.diag-disclaimer{margin-top:0}
.diag-head{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;justify-content:space-between}
.diag-head h3{margin:0}
.diag-result h4{margin:var(--s-5) 0 var(--s-2);font-size:1rem}
.diag-list{margin:0;padding-left:1.3rem;display:grid;gap:.4rem}
.urg{display:inline-block;font-weight:700;font-size:.85rem;padding:.3rem .8rem;border-radius:999px}
.urg--baja{background:var(--st-open-bg);color:var(--st-open-fg)}
.urg--media{background:var(--st-break-bg);color:var(--st-break-fg)}
.urg--alta{background:var(--err-bg);color:var(--err-fg)}
.diag-err h3{color:var(--text)}
.diag-result:focus{outline:none}
.diag-result:focus-visible{outline:3px solid var(--focus)}

/* Aviso de cookies */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;max-width:640px;background:var(--panel-bg);color:var(--panel-text);border:1px solid #2a3a66;border-radius:14px;padding:var(--s-4) var(--s-5);box-shadow:var(--shadow-lg);display:flex;gap:var(--s-4);align-items:center;flex-wrap:wrap}
.cookie[hidden]{display:none}
.cookie p{margin:0;flex:1 1 260px;font-size:.93rem;color:var(--panel-text)}
.cookie-actions{display:flex;gap:var(--s-2)}
.cookie-yes{background:#ffffff;color:#0a1430;border-color:#ffffff}
.cookie-yes:hover{background:#e3eaf8}
.cookie-no{background:transparent;color:#ffffff;border-color:#c3cee6}
.cookie-no:hover{background:#1e3470}
.cookie :focus-visible{outline-color:#ffffff}
@media (max-width:880px){.cookie{bottom:80px}}

/* ===== Secciones con el diseño del sitio anterior (Diagnóstico IA, ReportPCore Suite, contacto) =====
   Fondos degradados oscuros, tarjetas de vidrio, iconos de colores y títulos con degradado. Texto con contraste AA. */
.ia-dark,.erp-dark,.contact-dark{
  --text:#ffffff; --muted:#dbe3f5; --link:#bfdbfe; --border:rgba(255,255,255,.28); --border-strong:rgba(255,255,255,.5);
  --surface:rgba(255,255,255,.1); --surface-2:rgba(255,255,255,.1); --accent-soft:rgba(255,255,255,.16); --on-accent-soft:#ffffff;
  --callout-bg:rgba(255,255,255,.12); --callout-text:#ffffff; --input-border:rgba(255,255,255,.6); --focus:#fde047;
  --wa:#34d27b; --on-wa:#04210f; --wa-hover:#5be096; --primary:#fde047; --on-primary:#111827; --primary-hover:#fef08a;
  --err-bg:#4c1414; --err-fg:#fecaca;
  position:relative; overflow:hidden; color:#fff; isolation:isolate;
}
.ia-dark{background:linear-gradient(135deg,#581c87 0%,#1e3a8a 55%,#312e81 100%)}
.erp-dark{background:linear-gradient(135deg,#111827 0%,#1e293b 50%,#7c2d12 100%)}
.contact-dark{background:linear-gradient(135deg,#111827 0%,#1e3a8a 100%)}
.ia-dark,.erp-dark{padding-block:clamp(3.5rem,8vw,6rem)}
.contact-dark section{padding-block:clamp(3rem,7vw,5rem)}
.contact-dark section+section{padding-top:0}
.deco{position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);pointer-events:none}
.deco-a{width:300px;height:300px;top:-90px;left:-90px;background:rgba(168,85,247,.28)}
.deco-b{width:360px;height:360px;bottom:-120px;right:-100px;background:rgba(59,130,246,.25)}
.erp-dark .deco-a{background:rgba(249,115,22,.22)} .erp-dark .deco-b{background:rgba(234,179,8,.16)}
.contact-dark .deco-a{background:rgba(59,130,246,.25)} .contact-dark .deco-b{background:rgba(168,85,247,.2)}
.ia-dark .section-head,.erp-dark .section-head{color:#fff}
.ia-dark h2,.ia-dark h3,.erp-dark h2,.contact-dark h2,.contact-dark h3{color:#fff}
.old-head{text-align:center;max-width:860px;margin:0 auto var(--s-6)}
.old-head.slim{margin-bottom:var(--s-5)}
.old-badges{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--s-3);margin-bottom:var(--s-4)}
.old-title{font-size:clamp(2rem,5.6vw,3.6rem);font-weight:900;line-height:1.16;padding-top:.06em;letter-spacing:-.025em;margin:0 0 var(--s-3);text-transform:uppercase}
.old-title span{display:block}
.t-white{color:#fff}.t-yellow{color:#fde047}
.grad-blue{color:#c4b5fd;background:linear-gradient(90deg,#c084fc,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.grad-orange{color:#fdba74;background:linear-gradient(90deg,#fb923c,#facc15);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.old-sub{font-size:clamp(1rem,2vw,1.2rem);color:#e2e8f8;max-width:62ch;margin:0 auto}
.pill-y{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:999px;border:2px solid #facc15;background:rgba(250,204,21,.14);color:#fde047;font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
/* Iconos circulares de color */
.badge-ico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;flex:none;color:#fff}
.badge-ico .icon{width:22px;height:22px}
.badge-ico.big{width:64px;height:64px}.badge-ico.big .icon{width:30px;height:30px}
.b-purple{background:linear-gradient(135deg,#7e22ce,#2563eb)}
.b-blue{background:#1d4ed8}.b-green{background:#15803d}.b-pink{background:#be185d}
.b-orange{background:linear-gradient(135deg,#c2410c,#b45309)}
.b-yellow{background:#a16207}
/* Vidrio */
.glass-xl{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:clamp(1.25rem,3vw,2.25rem);box-shadow:0 20px 50px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.glass-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:var(--s-5);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}
.glass-card h3{margin:.35rem 0 0;font-size:1.1rem}
.glass-card p{margin:0;color:#e2e8f8;font-size:.95rem}
.feat3{margin-top:var(--s-6)}
.cc3{margin-bottom:var(--s-6)}
.cc3 .glass-card{justify-content:flex-start}
.cc3 .pill-btn{margin-top:auto}
.cc3 .glass-card p{margin-bottom:var(--s-3)}
.pill-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.4rem;border-radius:999px;font-weight:800;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.pill-btn:hover{filter:brightness(1.08);text-decoration:none}
.pb-green{background:#34d27b;color:#04210f}.pb-blue{background:#93c5fd;color:#0b1b3a}.pb-purple{background:#d8b4fe;color:#2e1065}
.btn-grad{background:linear-gradient(90deg,#facc15,#f97316);color:#111827;border-color:transparent;font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 8px 20px rgba(0,0,0,.25);justify-self:start}
.btn-grad:hover{filter:brightness(1.07)}
.btn-ia{background:linear-gradient(90deg,#a855f7,#3b82f6);color:#fff;border-color:transparent;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.btn-ia:hover{filter:brightness(1.1);color:#fff}
.btn-ia:not(:hover){color:#fff}
.btn-dark{background:#111827;color:#fff;border-color:#111827;font-weight:700}
.btn-dark:hover{background:#000;color:#fff}
/* Diagnóstico IA: dos paneles */
.ia-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-5);align-items:stretch;max-width:1000px;margin-inline:auto}
@media (max-width:860px){.ia-grid{grid-template-columns:minmax(0,1fr)}}
.ia-panel,.ia-grid .diag-form,.ia-grid .diag-result{background:rgba(15,23,42,.38);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:var(--s-5);box-shadow:none;display:flex;flex-direction:column;gap:var(--s-3)}
.ia-grid .diag-form{display:grid;align-content:start}
.ia-panel h3,.panel-h{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.2rem;color:#fff}
.panel-h{margin-bottom:var(--s-2)}
.dropzone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;border:2px dashed rgba(255,255,255,.5);border-radius:16px;padding:var(--s-5) var(--s-4);color:#fff}
.dropzone>.icon{width:42px;height:42px;color:#c4b5fd}
.dropzone span{color:#dbe3f5;font-size:.9rem}
.chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.25rem}
.chip{padding:.15rem .7rem;border-radius:999px;font-size:.75rem;font-weight:800;border:1px solid currentColor}
.c-pink{color:#f9a8d4;background:rgba(236,72,153,.15)}.c-blue{color:#93c5fd;background:rgba(59,130,246,.15)}.c-green{color:#86efac;background:rgba(34,197,94,.15)}
.ia-wait{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:var(--s-4);color:#fff;flex:1;justify-content:center}
.ia-wait>.icon{width:48px;height:48px;color:#c4b5fd}
.ia-wait strong{font-size:1.1rem}
.ia-wait p{color:#dbe3f5;margin:0}
.ia-wait .checklist{align-self:center;text-align:left;margin:.25rem 0 0}
.ia-note{text-align:center;color:#e2e8f8;max-width:62ch;margin:var(--s-5) auto 0;font-size:.95rem}
.ia-grid .diag-result{justify-content:flex-start}
.ia-grid .diag-result .ia-wait{min-height:220px}
.ia-grid .help{color:#dbe3f5}
.ia-dark .note,.contact-dark .note{border-left-color:#fde047}
.ia-dark .field input[type=text],.ia-dark .field input[type=file],.ia-dark .field select,.ia-dark .field textarea,
.contact-dark .field input[type=text],.contact-dark .field input[type=email],.contact-dark .field input[type=tel],.contact-dark .field textarea{background:rgba(15,23,42,.55);color:#fff;border-color:rgba(255,255,255,.55)}
.ia-dark select option{color:#111827;background:#fff}
.ia-dark ::placeholder,.contact-dark ::placeholder{color:#cbd5e1;opacity:1}
.ia-dark .urg--baja{background:#0f3d24;color:#86efac}.ia-dark .urg--media{background:#4a3410;color:#fde68a}.ia-dark .urg--alta{background:#4c1414;color:#fecaca}
.ia-dark .btn-outline,.contact-dark .btn-outline{color:#fff;border-color:rgba(255,255,255,.6)}
.ia-dark .btn-outline:hover{background:rgba(255,255,255,.14)}
.ia-dark .checklist li{color:#fff}
/* ReportPCore Suite */
.erp-box{max-width:1000px;margin-inline:auto}
.erp-lead{font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:800;margin:0 0 var(--s-2);color:#fff}
.erp-text{color:#e2e8f8;margin:0 0 var(--s-5)}
.erp-grid{list-style:none;margin:0 0 var(--s-5);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
@media (max-width:760px){.erp-grid{grid-template-columns:minmax(0,1fr)}}
.erp-mod{display:flex;gap:.9rem;align-items:flex-start;background:#ffffff;color:#1f2937;border-radius:14px;padding:var(--s-4);box-shadow:0 6px 18px rgba(0,0,0,.22)}
.erp-mod h3{margin:0 0 .15rem;font-size:1rem;color:#111827}
.erp-mod p{margin:0;font-size:.9rem;color:#374151;line-height:1.5}
.erp-cta{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-5);align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fbbf24,#f97316);color:#111827;border-radius:18px;padding:var(--s-5)}
.erp-cta h3{margin:0 0 .25rem;color:#111827;font-size:1.3rem;font-weight:800}
.erp-cta p{margin:0;color:#1f1300;max-width:52ch}
.erp-cta>div{flex:1 1 300px}
/* Contacto */
.contact-dark .contact-list .card-icon,.contact-dark .pay-block .card-icon{background:rgba(255,255,255,.16);color:#fff}
.contact-dark .hours-card,.contact-dark .pay-block,.contact-dark .card.presencial,.contact-dark .contact-list{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:18px;box-shadow:none}
.contact-dark .contact-list{padding:var(--s-4) var(--s-5);margin:0 0 var(--s-4);list-style:none}
.contact-dark .contact-list li{margin:0}
.contact-dark .card.presencial p,.contact-dark .pay-block p,.contact-dark .hours-card .h-note{color:#e2e8f8}
.contact-dark .card.presencial h3,.contact-dark .pay-block h3{color:#fff}
.contact-dark .contact-list a,.contact-dark .map-link a,.contact-dark .pay-block a{color:#fde047}
.contact-dark .pay-block .btn-primary{background:linear-gradient(90deg,#facc15,#f97316);color:#111827}
.contact-dark .btn-wa{background:#34d27b;color:#04210f}
.contact-dark .status-badge,.contact-dark .status{color:inherit}
.contact-stack{display:grid;gap:var(--s-4);align-content:start}
.contact-stack .contact-list{margin:0}
.contact-dark .presencial{margin-top:var(--s-5)}
.form-box .form-h{font-size:1.4rem;margin:0 0 var(--s-2)}
.form-lead{color:#e2e8f8}
.form-box .field label{color:#fff}
.contact-dark .map-frame{border:2px solid rgba(255,255,255,.25);background:#fff}
.contact-dark .map-col .muted{color:#e2e8f8}
.contact-dark .form-msg.ok{background:#0f3d24;color:#86efac}
/* Preguntas frecuentes (estilo anterior) */
.faq-old .section-head{text-align:center;margin-inline:auto}
.faq-old .section-head h2{text-transform:uppercase;font-weight:900;letter-spacing:-.02em}
.faq-old .faq{max-width:900px;margin-inline:auto}
.faq-old .faq details{background:var(--surface-2);border-radius:16px;box-shadow:none}
.faq-old .faq summary{font-size:1.05rem;font-weight:800}
/* Aviso de cookies (estilo anterior: tarjeta gris oscuro con botón degradado) */
.cookie{background:#111827;border-color:rgba(255,255,255,.12);border-radius:18px}
.cookie-yes{background:linear-gradient(90deg,#facc15,#f97316);color:#111827;border-color:transparent;font-weight:800}
.cookie-yes:hover{background:linear-gradient(90deg,#fde047,#fb923c)}
.cookie-no{background:#374151;color:#fff;border-color:#4b5563}
.cookie-no:hover{background:#4b5563}
.float-wa.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}
.faq-old .faq{display:grid;gap:var(--s-4)}
.faq-old .faq details{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:var(--s-2) var(--s-3)}
.faq-old .faq summary{font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:800;padding:var(--s-3) var(--s-2);color:var(--text)}
.faq-old .faq details>*:not(summary){font-size:1rem;padding-inline:var(--s-2)}
.faq-old .section-head .eyebrow,.faq-old .eyebrow{color:var(--link);font-weight:800;letter-spacing:.06em}
.faq-old .section-head h2{font-size:clamp(1.7rem,4vw,2.6rem)}
.photo-prev[hidden]{display:none!important}

/* Anclas: el título nunca queda bajo el header sticky; las secciones oscuras no recortan texto */
.old-title span{padding-block:.02em}

/* Términos y condiciones */
.tyc h2{scroll-margin-top:100px}
.tyc-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0}
.tyc-toc{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.1rem;margin:0 0 1.5rem}
.tyc-toc summary{cursor:pointer;font-weight:700;color:var(--text);min-height:24px}
.tyc-toc-h{font-size:1.05rem!important;margin:1.1rem 0 .3rem!important}
.tyc-list{margin:.2rem 0 0;font-size:.97rem}
.tyc h3{scroll-margin-top:100px}
.site-footer .foot-mails{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.site-footer .foot-mail{display:block;overflow-wrap:anywhere}
.site-footer .foot-mail-l{color:var(--foot-muted)}
.cta-final .cta-mail{margin-top:1rem;font-size:.95rem}
.cta-final .cta-mail a{color:#fff;text-decoration:underline;text-underline-offset:2px}