/* Portada de adhdsupport.click · rediseño 2026-09-25 (S10).
   Hoja propia a propósito: /privacy, /terms y /support siguen con style.css
   intactas — el rediseño no toca las páginas legales que enlaza la ficha de tienda.
   Fuentes del sistema: sin Google Fonts, para no enviar la IP de los visitantes a
   terceros en un producto cuyo argumento es la privacidad. */
:root{
  --ink:#0e1030; --ink-2:#1b1f4a; --brand:#5468ff; --brand-2:#8b5cf6;
  --paper:#ffffff; --mist:#f4f5fb; --text:#1c1f33; --muted:#5d6280; --line:#e3e5f2;
  --on-dark:#eef0ff; --on-dark-muted:#b9bde6;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#0e1030}
body{margin:0;font-family:var(--sans);color:var(--text);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:var(--brand)}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}

/* Cabecera */
.top{position:absolute;top:0;left:0;right:0;z-index:5}
.top-in{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:18px;text-decoration:none;letter-spacing:-.01em}
.brand img{border-radius:8px}
.top nav a{color:var(--on-dark);text-decoration:none;font-size:15px;margin-left:24px;opacity:.9}
.top nav a:hover{opacity:1;text-decoration:underline}

/* Portada */
.hero{position:relative;min-height:min(92vh,960px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--ink)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%;transform:scale(1.12);transform-origin:50% 40%;will-change:transform}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,48,.9) 0,rgba(14,16,48,.55) 110px,rgba(14,16,48,0) 220px),linear-gradient(90deg,rgba(14,16,48,.92) 0%,rgba(14,16,48,.72) 45%,rgba(14,16,48,.25) 100%),linear-gradient(0deg,rgba(14,16,48,.85) 0%,rgba(14,16,48,0) 45%)}
.hero-in{position:relative;width:100%;padding-top:140px;padding-bottom:88px;max-width:1160px}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700;margin:0 0 16px}
.eyebrow{color:#aab2ff}
.hero h1{font-size:clamp(40px,6.2vw,76px);line-height:1.04;letter-spacing:-.03em;margin:0 0 24px;max-width:13ch;font-weight:800}
.lede{font-size:clamp(18px,1.7vw,21px);color:var(--on-dark);max-width:560px;margin:0 0 32px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.play img{height:62px;width:auto;margin:-6px -8px}
.ghost{color:#fff;font-weight:600;text-decoration:none;border-bottom:2px solid var(--brand-2);padding-bottom:2px}
.ghost:hover{border-color:#fff}
.langs{margin:28px 0 0;font-size:14px;color:var(--on-dark-muted);letter-spacing:.04em}

/* Bandas */
.band{padding:112px 0}
.band-light{background:var(--paper)}
.band-dark{background:linear-gradient(180deg,var(--ink) 0%,var(--ink-2) 100%);color:var(--on-dark)}
.band-dark .kicker{color:#aab2ff}
.band-light .kicker{color:var(--brand)}
.band h2{font-size:clamp(30px,3.6vw,46px);line-height:1.12;letter-spacing:-.02em;margin:0 0 28px;font-weight:750;max-width:20ch}
.band-dark a{color:#c9ceff}
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.prose p{font-size:18px;margin:0 0 20px;color:inherit}
.band-light .prose p{color:#33374f}
.band-dark .prose p{color:var(--on-dark)}
.muted{color:var(--muted)!important;font-size:15px!important}
.side-photo{margin-top:32px;border-radius:18px;aspect-ratio:16/10;object-fit:cover;width:100%}

/* Video */
.video-frame{margin-top:12px;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);background:#000}
.video-frame video{width:100%;height:auto;aspect-ratio:16/9}

/* Capturas reales */
.phones{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:48px 0 72px}
.phones figure{margin:0;text-align:center}
.phones img{width:100%;height:auto;border-radius:28px;box-shadow:0 24px 60px rgba(84,104,255,.22);border:1px solid var(--line)}
.phones figcaption{margin-top:16px;font-weight:650;color:var(--muted);font-size:15px}

.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.grid li{padding:32px 28px 32px 0;border-bottom:1px solid var(--line)}
.grid b{display:block;font-size:19px;margin-bottom:10px;letter-spacing:-.01em}
.grid span{color:var(--muted);font-size:16px}

/* Banda de foto */
.photo-band{position:relative;min-height:min(70vh,720px);display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--ink)}
.photo-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(14,16,48,.9) 0%,rgba(14,16,48,.55) 50%,rgba(14,16,48,.1) 100%)}
.photo-in{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.photo-in .kicker{color:#aab2ff}
.photo-in h2{font-size:clamp(30px,4vw,52px);line-height:1.1;letter-spacing:-.02em;margin:0 0 16px;max-width:14ch}
.photo-in p{font-size:19px;max-width:420px;color:var(--on-dark);margin:0}

/* Precios */
.prices{display:flex;gap:16px;margin-bottom:28px}
.prices div{flex:1;border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--mist)}
.amt{display:block;font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.per{color:var(--muted);font-size:15px}

/* Aviso de salud */
.band-notice{padding:56px 0;background:var(--mist)}
.notice{border-left:4px solid var(--brand);padding:8px 0 8px 24px;max-width:860px}
.notice-title{font-weight:750;margin:0 0 8px;color:var(--ink)}
.notice p{margin:0 0 8px;color:#33374f}

.contact p{font-size:19px;max-width:640px;margin:0 0 28px}
.contact .play img{height:58px}

/* Pie */
.foot{background:#090a22;color:var(--on-dark-muted);padding:56px 0 64px;font-size:15px}
.foot-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:24px}
.foot a{color:var(--on-dark)}
.foot p{margin:0 0 8px}
.small{font-size:13px}

@media (max-width:900px){
  .split{grid-template-columns:1fr;gap:12px}
  .phones{grid-template-columns:repeat(2,1fr);gap:18px}
  .grid{grid-template-columns:1fr 1fr}
  .band{padding:80px 0}
}
@media (max-width:600px){
  .wrap{padding:0 20px}
  .top nav a{margin-left:14px;font-size:14px}
  .brand{font-size:16px}
  .hero{min-height:min(88vh,760px)}
  .hero-bg{object-position:22% 50%}
  .hero-shade{background:linear-gradient(180deg,rgba(14,16,48,.92) 0,rgba(14,16,48,.6) 120px,rgba(14,16,48,0) 240px),linear-gradient(0deg,rgba(14,16,48,.96) 0%,rgba(14,16,48,.75) 55%,rgba(14,16,48,.45) 100%)}
  .hero-in{padding-top:120px;padding-bottom:56px}
  .grid{grid-template-columns:1fr}
  .grid li{padding-right:0}
  .prices{flex-direction:column}
  .photo-in{align-items:flex-start;text-align:left}
  .photo-shade{background:linear-gradient(0deg,rgba(14,16,48,.92) 0%,rgba(14,16,48,.5) 70%,rgba(14,16,48,.2) 100%)}
  .photo-band{align-items:flex-end;padding-bottom:56px}
  .play img{height:54px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}