/* NeuroView · landing CPA para Meta (homefindpicks.com).
   Diseño calcado de la página oficial del producto (Montserrat, azules de marca, hero con foto, secciones en el mismo orden),
   con el texto reescrito para cumplir las políticas de Meta. */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400 800;font-display:swap;src:local("Montserrat")}
:root{--blue:#0c4d95;--blue2:#0544a2;--ink:#231f20;--soft:#f7feff;--green:#51bd50;--greend:#3fa43e;--grey:#f6f4f4;--line:#dfe6ea}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:#000;font:16px/1.5 Montserrat,Helvetica,Arial,sans-serif}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--blue)}
.c{max-width:1140px;margin:0 auto;padding:0 20px}

/* Barra de publicidad + cabecera */
.adbar{background:#eef3f6;color:#4a5560;font-size:12px;font-weight:600;text-align:center;padding:6px 12px}
.head{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.12)}
.head .c{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}
.brand img{width:190px;height:auto}
.brand .tag{border-left:1px solid #ddd;padding-left:14px;font-size:14px;color:#333;line-height:1.3}
.brand .sub{font-weight:700;letter-spacing:.28em;font-size:13px;color:#1a1a1a;margin-top:2px}
.top-cta-box{display:flex;flex-direction:column;align-items:center}

/* CTA */
.btn{display:inline-block;background:var(--green);color:#fff;font-weight:800;font-size:1.3rem;line-height:1.2;text-decoration:none;text-align:center;border-radius:5px;padding:22px 43px;box-shadow:0 2px 4px rgba(0,0,0,.35);text-transform:uppercase;animation:pulse 2.2s infinite}
.btn:hover{background:var(--greend)}
.btn-sm{font-size:.95rem;padding:12px 44px;animation:none}
.disc{font-size:14px;font-weight:400;color:#666;margin-top:3px;text-align:center}
.top-cta-box .disc{font-size:11.5px;margin-top:2px}
.ticks{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:13px;margin-top:10px}
.ticks span{color:#15803d}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(81,189,80,.55)}70%{box-shadow:0 0 0 14px rgba(81,189,80,0)}100%{box-shadow:0 0 0 0 rgba(81,189,80,0)}}
@media (prefers-reduced-motion:reduce){.btn{animation:none}}

/* HERO con foto de fondo */
.hero{position:relative;background:#f0f7ff;min-height:640px;padding:38px 0 30px;overflow:hidden}
.hero-pic{position:absolute;top:0;right:0;bottom:0;width:min(60%,820px);z-index:0;display:block}
.hero-pic img{width:100%;height:100%;object-fit:cover;object-position:right top;display:block;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%);mask-image:linear-gradient(to right,transparent 0,#000 16%)}
.hero>.c{position:relative;z-index:1}
/* Escritorio ancho (≥1150px): como la original, la foto cubre todo el hero (máx. 1440px, centrada);
   el texto va sobre la zona celeste vacía de la izquierda y la mujer queda completa a la derecha. */
@media (min-width:1150px){
  .hero-pic{left:0;right:0;margin:0 auto;width:100%;max-width:1440px}
  .hero-pic img{object-position:right top;-webkit-mask-image:none;mask-image:none}
  .hero{min-height:700px}
  .hero .c .in{max-width:540px}
}
.hero .in{max-width:580px}
.rating{display:flex;align-items:center;gap:8px;font-size:1rem;margin-bottom:10px}
.rating img{width:90px;height:18px}
h1{font-size:2.9rem;line-height:1.05;font-weight:800;margin:0 0 14px;letter-spacing:-.01em}
.lead{color:var(--blue);font-weight:700;font-size:1.22rem;line-height:1.3;margin:0 0 14px}
.chk{list-style:none;padding:0;margin:0 0 16px}
.chk li{display:flex;gap:12px;align-items:flex-start;font-size:1.05rem;font-weight:500;padding:6px 0}
.chk img{width:26px;height:26px;flex:none;margin-top:1px}
.trust{font-weight:700;font-size:1.02rem;margin:16px 0 14px}
.hero .cta-box{margin-top:12px;max-width:440px;text-align:center}
.hero .btn{display:block;width:100%}

/* Garantías */
.band{background:var(--soft);padding:26px 0}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.three .it{display:flex;gap:14px;align-items:flex-start}
.three img{width:54px;height:auto;flex:none}
.three h3{margin:0 0 4px;font-size:.95rem;font-weight:800;text-transform:uppercase;color:var(--blue)}
.three p{margin:0;font-size:.92rem;line-height:1.45;color:#333}

/* Bloque con testimonio → aquí va el testimonio honesto / cita del fabricante */
.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:46px 0}
.split img{border-radius:12px;width:100%}
.split h2{font-size:2rem;line-height:1.15;margin:0 0 12px}
.split p{font-size:1.06rem;margin:0 0 14px}
.cta-box{text-align:center;margin:26px 0}

/* One pair. Limitless possibilities. */
.sec{background:var(--soft);padding:50px 0 20px}
.sec h2.big{font-size:2.5rem;font-weight:800;color:var(--blue2);text-align:center;margin:0 0 6px;line-height:1.15}
.sec .sub{text-align:center;color:#333;font-size:1.05rem;margin:0 0 34px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:26px 0}
.feat.rev .media{order:2}
.feat .media img,.feat .media video{width:100%;border-radius:10px}
.feat h3{font-size:1.9rem;line-height:1.2;color:var(--ink);font-weight:800;margin:0 0 10px;text-transform:uppercase}
.feat p{font-size:1.1rem;color:#333;margin:0}

/* The future */
.future{text-align:center;padding:36px 0 10px}
.future h2{font-size:2rem;color:var(--blue2);margin:0 0 4px}
.future .sub{margin-bottom:10px}
.spec{display:grid;grid-template-columns:1fr minmax(200px,610px) 1fr;gap:18px;align-items:center}
.spec ul{list-style:none;padding:0;margin:0;display:grid;gap:30px}
.spec li{font-weight:700;color:#0a3a78;font-size:1rem;line-height:1.3}
.spec .l{text-align:right}.spec .r{text-align:left}

/* Who loves */
.who{padding:54px 0 30px}
.who h2{text-align:center;font-size:2.1rem;margin:0 0 26px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:center}
.card img{width:100%;aspect-ratio:319/200;object-fit:cover}
.card b{display:block;margin-top:10px;font-size:1rem;letter-spacing:.02em;text-transform:uppercase;color:var(--blue)}
.card span{display:block;padding:4px 14px 16px;font-size:.92rem;color:#333}

/* Steps */
.steps{padding:30px 0 40px}
.steps h2{text-align:center;font-size:2.1rem;margin:0 0 26px}
.st{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.st .s{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.st .ph{width:100%;border-radius:10px;overflow:hidden;margin-bottom:14px}
.st .ph video{width:100%;height:auto;display:block;object-fit:cover}
.st .s img.t{height:28px;width:auto;margin:0 auto 8px}
.st .s p{margin:0;font-size:.98rem;color:#333}

/* Bloque "Garantía" (antes: oferta con falsa urgencia) */
.offer{padding:34px 0 50px;text-align:center}
.offer h2{font-size:2.6rem;color:var(--blue2);margin:0 0 6px}
.offer .sub{font-size:1.15rem;font-weight:700;margin:0 0 18px}
.offer img.badge{max-width:720px;width:100%;margin:0 auto 22px;border-radius:12px}
.offer .sale{font-size:1.4rem;font-weight:800;color:var(--blue);margin-bottom:6px}

/* Valoraciones: solo datos atribuibles */
.rate{padding:40px 0;background:var(--soft)}
.rate h2{text-align:center;font-size:2rem;margin:0 0 20px}
.note{max-width:760px;margin:0 auto;background:#fff;border-left:5px solid var(--blue);border-radius:0 10px 10px 0;padding:14px 18px;font-size:.96rem;color:#333}

/* FAQ */
.faq{background:var(--grey);padding:50px 0}
.faq h2{text-align:center;font-size:2.2rem;font-weight:800;margin:0 0 6px;line-height:1.15}
.faq .sub{text-align:center;font-size:1.3rem;font-weight:800;color:#231f20;margin:0 0 26px}
.faq .w{max-width:760px;margin:0 auto}
details{background:#fff;border-radius:8px;margin-bottom:12px;padding:16px 20px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
summary{cursor:pointer;font-weight:700;font-size:1.04rem;line-height:1.4}
details p{margin:10px 0 0;color:#333;font-size:.98rem}

/* Cierre */
.final{padding:40px 0;text-align:center}
.final h2{font-size:1.9rem;margin:0 0 6px}
.final p{margin:0 0 16px}

footer{background:#1a1a2e;color:rgba(255,255,255,.55);padding:32px 24px;text-align:center;font-size:13px}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:16px}
.footer-links a{color:rgba(255,255,255,.65);text-decoration:none;font-weight:600}
.footer-links a:hover{color:#fff}
footer p{line-height:1.7;max-width:680px;margin:0 auto}

/* CTA flotante inferior */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.1);padding:8px 12px 9px;transform:translateY(110%);transition:transform .25s ease;text-align:center}
.sticky.show{transform:none}
.sticky .btn{font-size:1.05rem;padding:13px 16px;animation:none;width:100%;max-width:460px;white-space:nowrap}
.sticky .disc{font-size:12px;margin-top:2px}

/* MÓVIL: el hero usa la foto vertical arriba y el texto debajo */
@media (max-width:767px){
  body{font-size:15px}
  .brand img{width:132px}.brand .tag{display:none}
  .btn{font-size:1.1rem;padding:18px 14px}.btn-sm{font-size:.8rem;padding:10px 22px}
  h1{font-size:2rem}.lead{font-size:1.05rem}.chk li{font-size:.98rem}
  .hero .cta-box{max-width:none}
  .three,.cards,.st{grid-template-columns:1fr}
  .split,.feat{grid-template-columns:1fr;gap:18px;padding:26px 0}
  .feat.rev .media{order:0}
  .sec h2.big{font-size:1.75rem}.split h2,.who h2,.steps h2,.faq h2{font-size:1.55rem}.feat h3{font-size:1.35rem}
  .offer h2{font-size:1.8rem}
  .spec{grid-template-columns:1fr}.spec .l,.spec .r{text-align:center}.spec ul{gap:12px}
  .rating{font-size:.95rem}
}

/* Tablet y móvil (hasta 900px): la foto va ARRIBA, en el flujo normal, y el texto DEBAJO. Nada se encima. */
@media (max-width:900px){
  .hero{min-height:0;padding:0}
  .hero-pic{position:static;width:100%;max-width:640px;margin:0 auto}
  .hero-pic img{width:100%;height:auto;aspect-ratio:780/860;object-fit:cover;object-position:center bottom;-webkit-mask-image:none;mask-image:none}
  .hero>.c{padding-top:4px;padding-bottom:18px}
  .hero .in{max-width:640px;margin:0 auto}
  .hero .cta-box{max-width:none}
}