/* Landing de producto (SaaS): estructura de producto con la marca de Prezio */
:root{--sombra:0 24px 60px -28px rgba(31,27,24,.28),0 2px 0 rgba(31,27,24,.04);--sal-t:#B54A32}
body{background:var(--papel)}
h1,h2,h3{font-family:var(--serif);font-weight:400}
.contenedor{max-width:1120px;margin:0 auto;padding:0 22px}
.sec{padding:96px 0}
.sec h2{font:400 clamp(38px,5.4vw,66px)/1.02 var(--serif);letter-spacing:-.02em;text-align:center;text-wrap:balance;margin:0 auto 14px;max-width:760px}
.sec .sub{text-align:center;color:#5b524b;max-width:560px;margin:0 auto 48px;text-wrap:balance}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--melocoton);border:1px solid #f3cdbd;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--salmon);display:inline-block}
.num-t{font-variant-numeric:tabular-nums lining-nums}
.sr{position:absolute;left:-9999px}

/* navegación */
.top{position:sticky;top:0;z-index:30;background:rgba(250,247,243,.82);backdrop-filter:blur(12px);border-bottom:1px solid transparent}
.top .in{display:flex;align-items:center;justify-content:space-between;height:68px}
.top nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:500}
.top nav a{text-decoration:none;color:#3a332e}.top nav a:hover{color:var(--sal-t)}
.top .btn.oscuro{padding:10px 20px}
@media(max-width:760px){.top nav{display:none}}

/* hero */
.hero2{position:relative;text-align:center;padding:64px 0 0;overflow:hidden;
  background:radial-gradient(60% 55% at 12% 0%,rgba(240,122,95,.20),transparent 70%),radial-gradient(55% 55% at 92% 8%,rgba(252,230,221,.95),transparent 72%),radial-gradient(40% 40% at 50% 100%,rgba(252,230,221,.7),transparent 70%)}
.hero2 h1{font:400 clamp(52px,9vw,110px)/.98 var(--serif);letter-spacing:-.03em;margin:22px auto 20px;max-width:900px;text-wrap:balance}
.hero2 h1 mark{background:linear-gradient(transparent 62%,rgba(240,122,95,.55) 62% 92%,transparent 92%);color:var(--tinta);font-style:italic;padding:0 .04em}
.hero2 p.lead{font-size:clamp(16px,2vw,19px);color:#4a423c;max-width:620px;margin:0 auto 30px;text-wrap:balance}
.hero2 .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero2 .micro{margin-top:16px;font-size:13px;color:var(--piedra)}
.btn.lg{padding:16px 30px;font-size:16px}
.btn.claro{background:var(--blanco);border:1.5px solid var(--linea);color:var(--tinta)}

/* maqueta del producto */
.maq{position:relative;max-width:980px;margin:56px auto 0;padding:0 8px}
.ventana{background:var(--blanco);border:1px solid var(--linea);border-radius:22px 22px 0 0;box-shadow:var(--sombra);overflow:hidden;text-align:left}
.ventana .barra{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid #f0e9e1;background:#fcfaf7}
.ventana .barra b{width:11px;height:11px;border-radius:50%;background:#e8ddd3}
.ventana .barra span{margin:0 auto;font-size:12px;color:var(--piedra);background:#f4eee8;border-radius:99px;padding:4px 18px}
.ventana .cuerpo{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;padding:26px}
.q .cn{font-size:12px;color:var(--piedra);display:flex;justify-content:space-between}
.q .pb{height:5px;background:#eadfd6;border-radius:9px;margin:8px 0 18px;overflow:hidden}.q .pb i{display:block;width:25%;height:100%;background:var(--salmon);border-radius:9px}
.q h3{font:400 28px/1.05 var(--serif);margin-bottom:6px}.q p{font-size:12px;color:var(--piedra);margin-bottom:14px}
.q .o{border:1.5px solid var(--linea);border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:8px;display:flex;gap:10px;align-items:center}
.q .o::before{content:"";width:15px;height:15px;border-radius:50%;border:1.5px solid #c9bdb1}
.q .o.on{background:var(--melocoton);border-color:var(--salmon);font-weight:600}.q .o.on::before{border:5px solid var(--salmon)}
.r .tres3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.r .p{border:1px solid var(--linea);border-radius:14px;padding:10px 12px}.r .p small{font-size:11px;color:var(--piedra)}.r .p b{display:block;font:400 26px/1.1 var(--serif);margin-top:2px}
.r .p.rec{background:var(--salmon);border-color:var(--salmon)}.r .p.rec small{color:var(--tinta);font-weight:600}
.r .tk2{border:1px solid var(--linea);border-radius:14px;padding:12px 14px;font-size:13px}
.r .tk2 div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dotted #d6cbc0}.r .tk2 div:last-of-type{border:0}
.r .tk2 .tt{border-top:1px dashed #cfc6bd;margin-top:6px;padding-top:8px;align-items:baseline}.r .tk2 .tt b{font-size:12px}.r .tk2 .tt span{font:400 30px/1 var(--serif)}
.flota{position:absolute;background:var(--blanco);border:1px solid var(--linea);border-radius:999px;box-shadow:0 14px 30px -16px rgba(31,27,24,.4);padding:8px 14px;font-size:12px;font-weight:600;white-space:nowrap;display:flex;gap:7px;align-items:center}
.flota i{width:9px;height:9px;border-radius:50%;background:var(--salmon)}
.f1{left:-10px;top:78px;transform:rotate(-3deg)}.f2{right:-12px;top:128px;transform:rotate(3deg)}.f3{left:-14px;bottom:-4px;transform:rotate(2deg)}.f4{right:34px;bottom:70px;transform:rotate(-2deg)}
@media(max-width:820px){.ventana .cuerpo{grid-template-columns:1fr}.r{order:-1}.flota{display:none}}

/* confianza */
.confianza{border-block:1px solid var(--linea);background:#fff}
.confianza .g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 0;text-align:center}
.confianza b{display:block;font:400 42px/1 var(--serif)}.confianza span{font-size:13px;color:var(--piedra)}
@media(max-width:700px){.confianza .g{grid-template-columns:repeat(2,1fr)}}

/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.bc{background:var(--blanco);border:1px solid var(--linea);border-radius:24px;padding:26px;overflow:hidden;position:relative}
.bc h3{font:400 30px/1.05 var(--serif);margin-bottom:8px;letter-spacing:-.01em}.bc p{font-size:14.5px;color:#5b524b;max-width:400px}
.bc.a{grid-column:span 4;background:linear-gradient(160deg,#fff 40%,var(--melocoton))}
.bc.b{grid-column:span 2}.bc.c{grid-column:span 3}.bc.d{grid-column:span 3;background:var(--tinta);color:#fff;border-color:var(--tinta)}
.bc.d p{color:#d7cec6}
.bc .vis{margin-top:22px}
.mini3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini3 div{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:12px}.mini3 small{font-size:11px;color:var(--piedra)}.mini3 b{display:block;font:400 30px/1.05 var(--serif)}.mini3 .rec{background:var(--salmon);border-color:var(--salmon)}.mini3 .rec small{color:var(--tinta);font-weight:600}
.mini-l div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dotted #d6cbc0;font-size:13.5px}.mini-l div:last-child{border:0;font-weight:600}
.mini-m{background:var(--melocoton);border-radius:14px;padding:14px;font-size:13px;line-height:1.5;color:#3a2a24}
.veredicto-m{display:flex;flex-direction:column;gap:8px}.veredicto-m div{border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600}
.veredicto-m .x{background:rgba(240,122,95,.2);color:#ffd9cf}.veredicto-m .y{background:rgba(255,255,255,.12)}.veredicto-m .z{background:rgba(255,255,255,.2)}
@media(max-width:860px){.bc.a,.bc.b,.bc.c,.bc.d{grid-column:span 6}}

/* estudio */
.estudio3{background:var(--tinta);color:#fff;border-radius:32px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.estudio3 h2{text-align:left;margin:12px 0 18px;max-width:none;color:#fff;font-size:clamp(34px,4.4vw,54px);line-height:1.02}.estudio3 .fuente{font-size:12px;color:#b9aea5}
.estudio3 .eyebrow{color:#b9aea5}
.puntos{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(7px,1.2vw,13px)}
.puntos span{aspect-ratio:1;border-radius:50%;background:#fff;opacity:.92}
.puntos .no{background:var(--salmon);opacity:1}.puntos .dud{background:transparent;border:2px solid #fff}
.leyenda{display:flex;gap:clamp(14px,2.4vw,32px);margin-top:26px;flex-wrap:nowrap}
.leyenda div{display:flex;align-items:baseline;gap:10px}.leyenda b{font:400 clamp(40px,5vw,64px)/.9 var(--serif)}.leyenda .s b{color:var(--salmon)}.leyenda span{font-size:13px;color:#d7cec6;max-width:90px;line-height:1.25}
@media(max-width:860px){.estudio3{grid-template-columns:1fr;padding:34px 24px;gap:30px;border-radius:24px}}

/* pasos */
.pasos3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pa{background:var(--blanco);border:1px solid var(--linea);border-radius:24px;padding:24px}
.pa .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tinta);color:#fff;font-weight:600;font-size:14px;margin-bottom:16px}
.pa h3{font:400 28px/1.05 var(--serif);margin-bottom:6px}.pa p{font-size:14px;color:#5b524b}
.pa .vis{margin-top:18px;background:#faf7f3;border-radius:14px;padding:12px;font-size:12.5px}
.pa .vis .o{border:1.5px solid var(--linea);background:#fff;border-radius:10px;padding:8px 10px;margin-bottom:6px}.pa .vis .o.on{background:var(--melocoton);border-color:var(--salmon);font-weight:600}
@media(max-width:860px){.pasos3{grid-template-columns:1fr}}

/* qué tiene en cuenta */
.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:900px;margin:0 auto}
.checks div{display:flex;gap:10px;align-items:center;background:var(--blanco);border:1px solid var(--linea);border-radius:14px;padding:14px 16px;font-size:14.5px;font-weight:500}
.checks div::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--melocoton);color:var(--sal-t);font-size:12px;font-weight:700;flex:none}
@media(max-width:760px){.checks{grid-template-columns:1fr}}

/* precio */
.planes{max-width:520px;margin:0 auto}
.plan{background:var(--blanco);border:2px solid var(--tinta);border-radius:28px;padding:32px;box-shadow:12px 12px 0 var(--melocoton);text-align:left}
.plan .tag{display:inline-block;background:var(--salmon);border-radius:999px;font-size:12px;font-weight:600;padding:5px 12px;margin-bottom:14px}
.plan .pr{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.plan .pr b{font:400 84px/.9 var(--serif);letter-spacing:-.03em}.plan .pr span{color:var(--piedra);font-size:14px}
.plan ul{list-style:none;margin:20px 0 26px;padding:0;display:grid;gap:10px;font-size:15px}
.plan li{display:flex;gap:10px}.plan li::before{content:"✓";color:var(--sal-t);font-weight:700}
.plan .btn{width:100%;justify-content:center}
.plan small{display:block;text-align:center;margin-top:12px;color:var(--piedra);font-size:12.5px}

/* faq */
.faq2{max-width:720px;margin:0 auto}
.faq2 details{background:var(--blanco);border:1px solid var(--linea);border-radius:16px;padding:18px 22px;margin-bottom:10px}
.faq2 summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq2 summary::-webkit-details-marker{display:none}.faq2 summary::after{content:"+";font:400 24px/1 var(--serif)}
.faq2 details[open] summary::after{content:"−"}.faq2 p{margin-top:10px;color:#5b524b;font-size:15px}

/* cierre */
.cierre{background:var(--salmon);border-radius:32px;padding:64px 28px;text-align:center;margin:0 22px}
.cierre h2{color:var(--tinta);margin-bottom:12px}.cierre .sub{color:#3a2a24;margin-bottom:26px}
.cierre .btn{background:var(--tinta);color:#fff}
.por-hacer{max-width:900px;margin:36px auto 0;border:1.5px dashed var(--salmon);border-radius:16px;padding:16px 22px;font-size:13px;color:var(--piedra)}
.por-hacer b{color:var(--tinta)}

footer.pie{padding:48px 0 40px;margin-top:70px;border-top:1px solid var(--linea)}
.pie .g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;font-size:14px}
.pie h4{font:600 13px var(--sans);margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em;color:var(--piedra)}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pie a{text-decoration:none}.pie a:hover{text-decoration:underline}
.pie .fin{margin-top:34px;padding-top:20px;border-top:1px solid var(--linea);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--piedra)}
@media(max-width:700px){.pie .g{grid-template-columns:1fr}}

.js .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.js .rv.in{opacity:1;transform:none}
.js .puntos span{opacity:0;transform:scale(.4);transition:opacity .35s,transform .35s cubic-bezier(.3,1.5,.5,1)}.js .puntos.in span{opacity:.92;transform:none}.js .puntos.in .no{opacity:1}
.flota{animation:fl 6s ease-in-out infinite}.f2{animation-delay:-2s}.f3{animation-delay:-4s}.f4{animation-delay:-1s}
@keyframes fl{50%{translate:0 -7px}}
@media(prefers-reduced-motion:reduce){.flota{animation:none}.js .rv,.js .puntos span{opacity:1;transform:none;transition:none}}