*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:#122b3b;font:16px/1.65 "DM Sans",Arial,sans-serif}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:clamp(2.7rem,5.8vw,5.2rem);line-height:1.04;letter-spacing:-.055em;max-width:790px;margin:15px 0 24px}h2{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.1;letter-spacing:-.045em;margin:14px 0 20px}em{color:#25b8c7;font-style:normal}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}header{height:80px;background:#071b29;color:white;position:sticky;top:0;z-index:10}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:800;letter-spacing:.04em}.brand strong{color:#f27a38}.brand small{display:block;font:700 8px "DM Sans";letter-spacing:.14em;color:#a8c0cd}.mark{width:42px;height:42px;border:2px solid #25b8c7;display:grid;place-items:center;color:#f27a38;font-size:19px}nav{display:flex;gap:25px;align-items:center}nav a{color:#d7e2e8;text-decoration:none;font-size:13px;font-weight:700}.navbuy{background:#f27a38;color:#102638;padding:10px 15px;border-radius:4px}#menu{display:none}.hero{min-height:680px;background:#0a2233 url("assets/hero.jpg") center/cover no-repeat;color:white;position:relative;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#05141ff5,#05141fd9 44%,#05141f22),linear-gradient(0deg,#05141f88,transparent 40%)}.heroc{position:relative;padding:70px 0 95px}.hero label{color:#8fe1e5}.hero p{max-width:630px;color:#d5e1e7;font-size:18px;margin-bottom:28px}.hero small{display:block;color:#b7c9d2;margin-top:25px;font-size:12px}.herof{position:absolute;bottom:16px;left:0;right:0;color:#a9bdc8;font-size:9px;letter-spacing:.16em;display:flex;justify-content:space-between}label{font-size:11px;font-weight:800;letter-spacing:.18em;color:#168c9a}.btn{display:inline-block;text-decoration:none;padding:14px 21px;border-radius:4px;font-size:14px;font-weight:800;margin:4px 8px 4px 0}.buy{background:#f27a38;color:#102638}.buy:hover{background:#ff9255}.ghost{border:1px solid #ffffff77;color:white}.intro{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro p{color:#526875;font-size:17px}.dark{background:#0a2233;color:white;padding:90px 0}.dark h2{max-width:600px}.sub{color:#b5c7d1;max-width:520px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.cards article{border:1px solid #ffffff24;background:#ffffff08;padding:24px;min-height:245px;position:relative}.cards i{position:absolute;right:18px;top:14px;color:#6e8998;font-size:11px}.cards article>b{display:block;color:#f27a38;font-size:28px;margin:15px 0 28px}.cards h3{font-size:18px;margin:0 0 9px}.cards p{font-size:13px;color:#b6c8d1}.split{padding-top:95px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split img{width:100%;aspect-ratio:1.15;object-fit:cover}.split li{margin:0 0 14px;color:#526875}.note{border-left:3px solid #f27a38;padding-left:14px;color:#71818b;font-size:12px}.soft{background:#f3f6f7;padding:90px 0}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.tiles article{background:white;min-height:220px}.tiles img{width:100%;height:135px;object-fit:cover;display:block}.tiles b,.tiles span{display:block;padding:0 15px}.tiles b{padding-top:14px;font-family:Manrope}.tiles span{font-size:12px;color:#627482;padding-bottom:15px}.tiles .tiletext{background:#0a2233;color:white;padding:26px;display:flex;flex-direction:column;justify-content:center}.tiletext b{font-size:32px;color:#f27a38;padding:0}.tiletext strong{font-family:Manrope}.tiletext span{padding:0;color:#b6c8d1}.method{padding-top:90px;padding-bottom:90px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.steps article{border-top:1px solid #ccd6dc;padding-top:18px}.steps b{background:#0a2233;color:#25b8c7;width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.steps h3{margin-bottom:5px}.steps p{font-size:13px;color:#627482}.offer{background:linear-gradient(120deg,#0a2233,#12384d);color:white;padding:90px 0}.offergrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.offergrid>img{width:min(340px,100%);max-height:470px;object-fit:contain;justify-self:center;box-shadow:20px 25px 50px #0007}.offer p{color:#c2d1d9}.incl{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0;list-style:none;color:#e4edf1;font-size:13px}.offer small{font-size:9px;letter-spacing:.15em;color:#8ddce1;font-weight:800}.price{font:800 42px Manrope;margin-bottom:18px}.price small{font:700 12px "DM Sans";color:#a9bdc8}.wide{width:min(430px,100%);text-align:center}.tiny,.warning{font-size:11px!important;color:#a9bdc8!important}.warning{color:#ffd0ad!important}.faq{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq details{border-bottom:1px solid #dce4e8;padding:17px 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{color:#5d707c;font-size:14px}.closing{background:#102f43;color:white;padding:55px 0}.closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing h2{max-width:680px}.footer{background:#071b29;color:#a9bdc8;padding:32px 0 18px}.foot{display:flex;justify-content:space-between;align-items:center;gap:25px}.foot nav{display:flex;gap:20px}.foot nav a{font-size:12px}.copyright{border-top:1px solid #ffffff1c;margin-top:25px;padding-top:15px;font-size:10px}.legal{padding:70px 0;min-height:70vh}.legal article{max-width:800px}.legal p{color:#526875}.legalbox{background:#f3f6f7;padding:22px;border-left:4px solid #25b8c7}
@media(max-width:850px){.cards,.tiles{grid-template-columns:repeat(2,1fr)}.split,.offergrid,.faq{gap:40px}.intro{gap:40px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}header{height:68px}#menu{display:block;background:none;border:0;color:white;font-size:24px}header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#071b29;padding:20px;flex-direction:column;align-items:stretch}header nav.open{display:flex}.navbuy{text-align:center}.hero{min-height:690px;background-position:58% center}.heroc{padding:120px 0 90px}.hero p{font-size:16px}.herof{font-size:8px}.intro,.split,.offergrid,.faq{grid-template-columns:1fr;gap:25px;padding-top:65px;padding-bottom:65px}.dark,.soft,.method,.offer{padding:65px 0}.cards{gap:9px}.cards article{padding:17px;min-height:245px}.cards h3{font-size:16px}.cards p{font-size:12px}.tiles{gap:9px}.tiles img{height:105px}.tiles article{min-height:195px}.tiles b{font-size:13px;padding:10px 10px 0}.tiles span{padding:4px 10px 12px;font-size:11px}.steps{grid-template-columns:1fr 1fr;gap:18px}.incl{grid-template-columns:1fr}.offergrid>img{width:235px}.price{font-size:36px}.closing .wrap,.foot{display:block}.closing .btn{margin-top:10px}.foot nav{flex-wrap:wrap;margin-top:20px}.copyright{margin-top:20px}}

/* ==========================================
   PLAN 72 — REDISEÑO VISUAL PREMIUM
   Actualización sin modificar HTML ni JS
========================================== */

/* Base y tipografía */
:root {
  --navy: #071b29;
  --deep: #0a2233;
  --teal: #15384b;
  --cyan: #25b8c7;
  --orange: #f27a38;
  --light: #f1f6f7;
}

body {
  background: #fff;
  color: #102b3c;
  overflow-x: hidden;
}

h1, h2, h3 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

/* Navegación */
header {
  background: rgba(7, 27, 41, .96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid #ffffff12;
  box-shadow: 0 5px 25px #0002;
}

.mark {
  border-radius: 9px;
  background: linear-gradient(145deg, #15384b, #071b29);
  box-shadow: 0 0 20px #25b8c722;
}

.navbuy {
  border-radius: 7px;
  transition: .25s ease;
  box-shadow: 0 5px 18px #f27a3830;
}

.navbuy:hover {
  transform: translateY(-2px);
  background: #ff9255;
}

/* Portada */
.hero {
  min-height: 750px;
  background-position: center 45%;
  isolation: isolate;
}

.shade {
  background:
    linear-gradient(90deg,
      rgba(4, 17, 27, .98) 0%,
      rgba(4, 17, 27, .87) 38%,
      rgba(4, 17, 27, .38) 72%,
      rgba(4, 17, 27, .12) 100%),
    linear-gradient(0deg, #071b29 0%, transparent 35%);
}

.heroc {
  padding-top: 100px;
  padding-bottom: 120px;
}

.hero label {
  display: inline-block;
  padding: 9px 14px;
  border: 1px solid #25b8c766;
  border-radius: 30px;
  background: #25b8c714;
  letter-spacing: .16em;
}

.hero h1 {
  max-width: 760px;
  font-size: clamp(3rem, 6.3vw, 5.5rem);
}

.hero h1 em {
  color: var(--cyan);
}

.hero p {
  max-width: 590px;
  line-height: 1.8;
}

.btn {
  border-radius: 7px;
  transition: transform .25s ease, box-shadow .25s ease,
              background .25s ease;
}

.buy {
  box-shadow: 0 8px 28px #f27a3840;
}

.buy:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px #f27a3860;
}

.ghost {
  backdrop-filter: blur(8px);
}

.herof {
  border-top: 1px solid #ffffff25;
  padding-top: 16px;
}

/* Introducción */
.intro {
  padding-top: 115px;
  padding-bottom: 115px;
}

.intro > div {
  position: relative;
}

.intro h2 {
  max-width: 460px;
}

.intro p {
  line-height: 1.9;
}

/* Sección de contenido */
.dark {
  background:
    radial-gradient(ellipse at 85% 5%, #15384b 0%, transparent 42%),
    linear-gradient(135deg, #071b29, #0a2233);
  padding: 105px 0;
}

.cards article {
  border-radius: 12px;
  background: linear-gradient(145deg, #ffffff0c, #ffffff04);
  border: 1px solid #ffffff20;
  transition: transform .3s ease, border-color .3s ease,
              background .3s ease;
}

.cards article:hover {
  transform: translateY(-7px);
  border-color: #25b8c777;
  background: #ffffff12;
}

.cards article > b {
  color: var(--orange);
}

.cards h3 {
  line-height: 1.3;
}

/* Fotografías */
.split img {
  border-radius: 14px;
  box-shadow: 0 22px 55px #071b2928;
}

.split li {
  line-height: 1.8;
}

.note {
  background: #f3f6f7;
  padding: 16px;
  border-radius: 0 8px 8px 0;
}

/* Galería de beneficios */
.soft {
  background:
    radial-gradient(circle at 10% 10%, #25b8c710, transparent 35%),
    #f1f6f7;
  padding: 105px 0;
}

.tiles article {
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0 8px 28px #102b3c0d;
  transition: transform .3s ease, box-shadow .3s ease;
}

.tiles article:hover {
  transform: translateY(-6px);
  box-shadow: 0 17px 38px #102b3c18;
}

.tiles img {
  height: 165px;
  transition: transform .4s ease;
}

.tiles article:hover img {
  transform: scale(1.04);
}

.tiles .tiletext {
  background: linear-gradient(145deg, #15384b, #071b29);
}

/* Método */
.method {
  padding-top: 110px;
  padding-bottom: 110px;
}

.steps article {
  border-top: 2px solid #dce6e9;
  transition: border-color .25s ease;
}

.steps article:hover {
  border-color: var(--orange);
}

.steps b {
  width: 42px;
  height: 42px;
  background: linear-gradient(145deg, #15384b, #071b29);
  box-shadow: 0 5px 15px #071b2925;
}

/* Oferta y compra */
.offer {
  background:
    radial-gradient(ellipse at 15% 50%, #25b8c71b, transparent 45%),
    linear-gradient(120deg, #071b29, #12384d);
  padding: 110px 0;
  position: relative;
  overflow: hidden;
}

.offergrid {
  gap: 100px;
}

.offergrid > img {
  border-radius: 13px;
  box-shadow: 20px 25px 65px #0008;
  transition: transform .35s ease;
}

.offergrid > img:hover {
  transform: translateY(-6px) rotate(-1deg);
}

.offer h2 {
  font-size: clamp(2.3rem, 4vw, 3.6rem);
}

.incl {
  gap: 13px;
  margin: 27px 0;
}

.incl li {
  padding: 12px;
  border: 1px solid #ffffff1c;
  border-radius: 7px;
  background: #ffffff08;
}

.price {
  font-size: 50px;
  color: white;
  letter-spacing: -.04em;
}

.wide {
  padding: 18px 24px;
  font-size: 15px;
}

/* Preguntas */
.faq {
  padding-top: 110px;
  padding-bottom: 110px;
}

.faq details {
  transition: border-color .2s ease;
}

.faq details[open] {
  border-color: var(--cyan);
}

.faq summary {
  padding: 4px 0;
}

/* Cierre */
.closing {
  background:
    radial-gradient(ellipse at 80% 50%, #25b8c720, transparent 50%),
    #071b29;
  padding: 75px 0;
}

.closing h2 {
  font-size: clamp(2rem, 3.5vw, 3rem);
}

/* Corrección del pie de página */
footer {
  background: #061722;
  color: #a9bdc8;
  padding: 36px 0 20px;
  border-top: 1px solid #ffffff15;
}

.foot {
  padding-bottom: 15px;
}

/* Accesibilidad: reducir movimiento */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* Adaptación a tablets */
@media (max-width: 850px) {
  .hero {
    min-height: 650px;
  }

  .intro, .split, .offergrid, .faq {
    gap: 45px;
  }

  .offergrid {
    grid-template-columns: .8fr 1.2fr;
  }

  .offergrid > img {
    width: 100%;
  }
}

/* Adaptación a celulares */
@media (max-width: 650px) {
  .hero {
    min-height: 700px;
    background-position: 62% center;
  }

  .shade {
    background:
      linear-gradient(90deg, #04111ff0, #04111f9c),
      linear-gradient(0deg, #071b29 0%, transparent 50%);
  }

  .heroc {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .hero h1 {
    font-size: clamp(2.7rem, 11vw, 3.8rem);
  }

  .hero p {
    font-size: 15px;
  }

  .intro, .dark, .split, .soft,
  .method, .offer, .faq {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .cards article {
    min-height: 230px;
  }

  .tiles img {
    height: 125px;
  }

  .offergrid {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .offergrid > img {
    width: 220px;
    max-height: 310px;
  }

  .price {
    font-size: 42px;
  }

  .closing {
    padding: 55px 0;
  }
}