/* Portada pública (diseño 2026-10, imagen 18): cabecera en píldora sobre la foto, banner con tarjetas flotantes, franja de beneficios, cuatro pasos,
funcionalidades, panel, servicios, planes, opiniones, blog, preguntas frecuentes y pie con olas. Las reglas de la cabecera marcadas «todas las páginas
públicas» las comparten el resto de las páginas del sitio; el resto solo afecta a la portada (.lp). Los paneles no usan este archivo. */
body[data-page="home"]{background:#fff}
body[data-page="home"] main{padding:0;max-width:none}
.lp,.lp-footer{--lp-ink:#0b1633;--lp-text:#44526f;--lp-muted:#4d5c7e;--lp-line:#e3eaf7;--lp-blue:#0b64f4;--lp-blue-2:#1d7dff;--lp-soft:#eaf3ff;--lp-green:#18a957;--lp-gold:#f5b301;--lp-eyebrow:#2b4ba3;--lp-shadow:0 1px 2px rgba(12,31,85,.05),0 10px 28px rgba(18,62,150,.08);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--lp-text)}
.lp{overflow-x:hidden;overflow-x:clip;background:#f3f9ff}
:is(.lp,.lp-footer) :is(h1,h2,h3,h4){margin:0}
body[data-page="home"] :is(.lp,.lp-footer) :is(h1,h2,h3,h4){font-family:Inter,system-ui,sans-serif;color:var(--lp-ink);letter-spacing:-.025em}
:is(.lp,.lp-footer) :is(p,dl,dd,dt,figure,blockquote){margin:0}
:is(.lp,.lp-footer) :is(ul,ol){list-style:none;margin:0;padding:0}
:is(.lp,.lp-footer) a{text-decoration:none}
.lp-wrap{width:min(1240px,100% - 48px);margin-inline:auto}
.lp-i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lp-i .lp-sun,.lp-sun{stroke:#f5a400;fill:rgba(245,164,0,.28)}
.lp-sr,.lp-hp{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lp-eyebrow{display:block;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-eyebrow);margin-bottom:12px}
.lp-accent{background:linear-gradient(90deg,#0f6df0,#1d7dff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lp-link{display:inline-flex;align-items:center;gap:8px;color:#0851c8;font-weight:600;font-size:14.5px;white-space:nowrap}
.lp-link .lp-i{width:17px;height:17px}
.lp-link:hover{text-decoration:underline;text-underline-offset:4px}
.lp-stars{display:inline-flex;gap:2px;color:var(--lp-gold)}
.lp-stars .lp-i{width:15px;height:15px;fill:currentColor;stroke:none}
.lp-stars .lp-i.is-off{fill:#d5dcec}
/* Botones */
:is(.lp,.lp-footer) .lp-btn,.lp .lp-btn-outline,.lp .lp-solid,.lp .lp-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;white-space:nowrap;min-width:0;font:600 16px Inter,sans-serif;text-align:center;-webkit-appearance:none;appearance:none}
:is(.lp,.lp-footer) .lp-btn{min-height:52px;padding:0 28px;border-radius:999px;background:linear-gradient(180deg,#1569ee,#0b5ee9);border:1px solid #0b5ee9;color:#fff;box-shadow:0 10px 24px rgba(11,100,244,.3)}
:is(.lp,.lp-footer) .lp-btn:hover{background:linear-gradient(180deg,#1062e6,#0a53cf)}
:is(.lp,.lp-footer) .lp-btn .lp-i{width:19px;height:19px;stroke-width:2.2}
.lp .lp-btn-outline{min-height:52px;padding:0 26px;border-radius:999px;background:#fff;border:1.5px solid #1569ee;color:#0a4fd0;box-shadow:0 8px 20px rgba(18,62,150,.1)}
.lp .lp-btn-outline:hover{background:var(--lp-soft)}
.lp .lp-btn-outline .lp-i{width:21px;height:21px;color:var(--lp-blue)}
.lp .lp-solid{min-height:44px;padding:0 20px;border-radius:12px;background:linear-gradient(180deg,#1569ee,#0b5ee9);border:1px solid #0b5ee9;color:#fff;font-size:14.5px;box-shadow:0 8px 18px rgba(11,100,244,.25)}
.lp .lp-solid:hover{background:#0a53cf}
.lp .lp-ghost{min-height:44px;padding:0 20px;border-radius:12px;background:#fff;border:1.5px solid #bcd3f8;color:var(--lp-blue);font-size:14.5px}
.lp .lp-ghost:hover{background:var(--lp-soft)}
/* Cabecera de todas las páginas públicas (los paneles no la usan) */
body:not([data-page="panel"]) .main-nav a .icon{display:none}
body:not([data-page="panel"]) .main-nav{justify-content:center;flex:1}
body:not([data-page="panel"]) .main-nav a{font-size:15px;padding:0 16px;color:#33425c}
body:not([data-page="panel"]) .head-tools{flex:none}
body:not([data-page="panel"]) .head-login{display:inline-flex;align-items:center;height:44px;padding:0 20px;color:#0a1f44;font:500 15px Inter,sans-serif;white-space:nowrap}
body:not([data-page="panel"]) .head-login:hover{color:#0b63f6}
body:not([data-page="panel"]) .head-register,body:not([data-page="panel"]) .head-panel{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border-radius:10px;background:#0b63f6;border:1px solid #0b63f6;color:#fff;font:600 15px Inter,sans-serif;white-space:nowrap;min-width:0}
body:not([data-page="panel"]) .head-register .icon{display:none}
@media (max-width:1440px){body:not([data-page="panel"]) .main-nav a{padding:0 12px}}
@media (max-width:1300px){body:not([data-page="panel"]) .main-nav a{font-size:14px;padding:0 8px}}
/* Cabecera de la portada: píldora blanca flotando sobre la foto */
body[data-page="home"] .topbar{position:absolute;top:14px;left:0;right:0;z-index:30;height:auto;min-height:0;background:transparent;border:0;box-shadow:none}
body[data-page="home"] .topbar .header-inner{display:flex!important;box-sizing:border-box;width:min(1240px,100% - 48px);max-width:none;height:62px;min-height:0;margin:0 auto;padding:0 10px 0 26px;gap:14px;border-radius:999px;background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(11,40,110,.16),0 1px 2px rgba(11,40,110,.06)}
body[data-page="home"] .topbar .brand{font-size:21px}
body[data-page="home"] .main-nav{gap:0;flex-wrap:nowrap;justify-content:center}
body[data-page="home"] .main-nav a{height:62px;padding:0 9px;font-size:13.5px;font-weight:500;color:#1d2b4d}
body[data-page="home"] .main-nav a:hover{color:var(--lp-blue,#0b64f4)}
body[data-page="home"] .main-nav a.active{color:#0b64f4;font-weight:600}
body[data-page="home"] .main-nav a.active::after{left:9px;right:9px;bottom:13px;height:2px;border-radius:2px}
body[data-page="home"] .head-tools{gap:8px}
body[data-page="home"] .head-search{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#0a1f44}
body[data-page="home"] .head-search:hover{background:#eaf3ff;color:#0b64f4}
body[data-page="home"] .head-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body[data-page="home"] .head-login{height:40px;padding:0 17px;border:1px solid #cfe0fb;border-radius:999px;background:#fff;color:#0b64f4;font:600 14px Inter,sans-serif}
body[data-page="home"] .head-login:hover{background:#eaf3ff;color:#0b64f4}
body[data-page="home"] .head-register,body[data-page="home"] .head-panel{height:40px;padding:0 19px;border-radius:999px;font-size:14px;box-shadow:0 6px 16px rgba(11,100,244,.28)}
/* ---- Banner ---- */
.lp-hero{position:relative;isolation:isolate;padding:118px 0 106px;background:#bfe0f5 var(--lp-hero) 62% 42%/cover no-repeat}
.lp-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.84) 0,rgba(255,255,255,.72) 28%,rgba(255,255,255,.38) 46%,rgba(255,255,255,0) 64%),linear-gradient(0deg,#f3f9ff 0,rgba(243,249,255,0) 14%)}
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,.47fr) minmax(0,.53fr);gap:16px;align-items:center}
.lp-hero-copy{max-width:560px}
.lp-hero .lp-eyebrow{color:#26345b;margin-bottom:16px}
.lp-hero h1{font-size:clamp(34px,3.1vw,46px);line-height:1.06;font-weight:800;letter-spacing:-.035em;color:#0a1230;margin-bottom:18px}
.lp-hero-copy>p{font-size:clamp(15.5px,1.12vw,16.5px);line-height:1.55;color:#1e2b4d;max-width:540px;margin-bottom:26px}
.lp-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.lp-proof-slot{min-height:44px}
.lp-proof{display:flex;align-items:center;gap:14px}
.lp-faces{display:flex;flex:none}
.lp-face{display:grid;place-items:center;overflow:hidden;width:42px;height:42px;margin-left:-10px;border:2px solid #fff;border-radius:50%;background:#dbe8ff;color:#0b3a8a;font:700 13px Inter,sans-serif;box-shadow:0 2px 6px rgba(11,40,110,.15)}
.lp-faces .lp-face:first-child{margin-left:0}
.lp-face img{display:block;width:100%;height:100%;object-fit:cover}
.lp-proof-text{display:grid;gap:2px;min-width:0}
.lp-proof-text b{color:var(--lp-ink);font-size:15px;font-weight:700;line-height:1.3}
.lp-proof-text small{color:#3b4a6b;font-size:12.5px;line-height:1.35}
.lp-hero-visual{position:relative;min-width:0;padding-top:116px}
/* Ilustración del panel (computador + celular): dos imágenes de diseño; todo en em para escalar con el ancho de su columna */
.lp-device-box{container-type:inline-size;position:relative;min-width:0;margin-right:-1.2vw}
.lp-device{position:relative;font-size:min(9.2px,calc((100vw - 32px)/84));font-size:min(9.2px,calc(100cqw/84));width:84em;max-width:100%;height:60em;color:#18274e}
.lp-mock-cap{display:table;margin:14px 0 0 auto;padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.85);text-align:center;font-size:11px;line-height:1.3;color:#34415f}
.lp-device,.lp-device *{box-sizing:border-box}
.lp-laptop{position:absolute;left:0;top:0;width:68em}
.lp-laptop>.lp-screen{position:relative;aspect-ratio:4/3;background:#0b2a66;border:.9em solid #11192e;border-bottom-width:1.1em;border-radius:1.5em 1.5em .4em .4em;overflow:hidden;box-shadow:0 2.4em 5em rgba(8,28,80,.35)}
.lp-screen>img{display:block;width:100%;height:100%;object-fit:cover}
.lp-laptop-base{position:relative;height:1.7em;margin:0 -3.2em;border-radius:0 0 3em 3em;background:linear-gradient(180deg,#e4e8ee,#a8b0bd);box-shadow:0 1.6em 2.6em rgba(8,28,80,.3)}
.lp-laptop-base::after{content:"";position:absolute;left:50%;top:0;width:11em;height:.6em;transform:translateX(-50%);border-radius:0 0 1em 1em;background:#8d96a5}
.lp-phone{position:absolute;z-index:2;right:0;bottom:-1em;width:18em;padding:.8em;border-radius:3em;background:linear-gradient(145deg,#2a3042,#0d1220);box-shadow:0 2.4em 5em rgba(8,28,80,.4),inset 0 0 0 .15em #4b5266}
.lp-phone-screen{position:relative;aspect-ratio:763/1620;border-radius:2.3em;overflow:hidden;background:#fff}
.lp-phone-screen>img{display:block;width:100%;height:100%;object-fit:cover}
/* Logo de la marca encima de cada imagen (la imagen no lo trae dibujado) */
.lp-slot{position:absolute;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.lp-slot--pc{left:1.9%;top:3.1%;width:13.4%;height:4.6%}
.lp-slot--ph{left:2.4%;top:3.1%;width:40%;height:3.2%}
.lp-slot .bl-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:left center}
.lp-wm{display:flex;align-items:center;gap:.3em;white-space:nowrap;font-weight:700;letter-spacing:-.02em;line-height:1}
.lp-wm b{font-weight:800}
.lp-wm-i{flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lp-wm--dark{color:#fff;font-size:.74em}
.lp-wm--dark b{color:#fff}
.lp-wm--dark .lp-wm-i{width:1.9em;height:1.9em;color:#3b8dff}
.lp-wm--light{color:#0c2a78;font-size:.6em}
.lp-wm--light b{color:#1d7dff}
.lp-wm--light .lp-wm-i{width:1.9em;height:1.9em;color:#1d7dff}
/* Tarjetas que flotan sobre el banner (ilustraciones con valores de ejemplo) */
.lp-fcards{position:absolute;inset:0;pointer-events:none;z-index:3}
.lp-fc{position:absolute;display:flex;background:rgba(255,255,255,.96);border-radius:14px;box-shadow:0 14px 34px rgba(10,40,100,.2);color:var(--lp-ink)}
.lp-fc small{display:block;color:#5a6988;font-size:12px;line-height:1.2}
.lp-fc b{display:block;font-weight:700;color:var(--lp-ink)}
.lp-fc--water{left:9%;top:2px;flex-direction:column;gap:10px;width:min(240px,46%);padding:12px 14px 12px}
.lp-fc--water header{display:flex;align-items:center;gap:8px}
.lp-fc--water header .lp-i{width:24px;height:24px;color:var(--lp-blue);fill:rgba(11,100,244,.16)}
.lp-fc--water header b{font-size:13.5px;flex:1;white-space:nowrap}
.lp-fc--water header em{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#e5f7ec;color:#087a40;font:700 11px Inter,sans-serif}
.lp-fc--water header em::before{content:"";width:6px;height:6px;border-radius:50%;background:#18a957}
.lp-fc-metrics{display:grid;grid-template-columns:repeat(3,1fr)}
.lp-fc-metrics>div{padding:0 8px;border-left:1px solid var(--lp-line)}
.lp-fc-metrics>div:first-child{padding-left:0;border-left:0}
.lp-fc-metrics b{font-size:19px;line-height:1.2;margin:2px 0 3px;white-space:nowrap}
.lp-fc-metrics span{display:flex;align-items:center;gap:4px;font-size:11px;color:#5a6988}
.lp-fc-metrics i{width:7px;height:7px;border-radius:50%;background:#18a957}
.lp-fc-metrics .is-info i{background:#1d7dff}
.lp-fc--weather{right:3%;top:-6px;align-items:center;gap:12px;padding:12px 16px 12px 12px}
.lp-fc--weather>.lp-i{width:40px;height:40px;color:#f5a400;fill:rgba(245,164,0,.2)}
.lp-fc--weather>span{display:grid;gap:1px}
.lp-fc--weather small{font-weight:700;color:var(--lp-ink);font-size:12.5px}
.lp-fc--weather b{font-size:25px;line-height:1.1}
.lp-fc--weather em{font-style:normal;font-size:12px;color:#5a6988}
.lp-fc--weather u{display:flex;align-items:center;gap:4px;text-decoration:none;font-size:11px;color:#5a6988;white-space:nowrap}
.lp-fc--weather u .lp-i{width:12px;height:12px;color:#0b64f4}
.lp-fc--visit{right:0;top:124px;align-items:center;gap:10px;padding:12px 12px}
.lp-fc--visit>span:nth-child(2){display:grid;gap:1px}
.lp-fc--visit small{font-weight:700;color:var(--lp-ink);font-size:12px}
.lp-fc--visit b{font-size:13.5px}
.lp-fc--visit em{font-style:normal;font-size:11px;color:#5a6988}
.lp-fc-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--lp-soft);color:var(--lp-blue)}
.lp-fc-ico .lp-i{width:21px;height:21px}
.lp-fc-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#dbe8ff;color:#0b3a8a;border:2px solid #fff;box-shadow:0 2px 6px rgba(11,40,110,.15)}
.lp-fc-avatar .lp-i{width:20px;height:20px}
/* Franja de beneficios: igual a la imagen 36 en todos los anchos (íconos rellenos, títulos en negrita, separadores finos). En tablet se parte en 3 columnas y en teléfono en 2. */
.lp-strip-wrap{position:relative;z-index:4;margin-top:-50px;width:min(1250px,100% - 48px)}
.lp-strip{display:grid;grid-template-columns:repeat(var(--lp-cols,6),minmax(0,1fr));background:#fff;border-radius:22px;box-shadow:0 0 2px rgba(14,52,120,.12),0 10px 30px rgba(18,62,150,.07);padding:14px 8px}
.lp-strip li{position:relative;display:flex;align-items:center;gap:14px;padding:8px 14px;min-width:0}
.lp-strip li+li::before{content:"";position:absolute;left:0;top:50%;height:56%;transform:translateY(-50%);border-left:1px solid #dfeafa}
.lp-strip .lp-i{display:none}
.lp-strip .lp-sic{display:block;flex:none}
.lp-strip span{display:grid;gap:0;min-width:0}
.lp-strip :is(b,small){font-size:13.5px;line-height:1.5;letter-spacing:-.02em}
.lp-strip b{color:#12163f;font-weight:800}
.lp-strip small{color:#657190;font-weight:500}
/* Cuerpo de la portada: fondo azul muy claro con manchas suaves en los bordes; desde 1360 px de ancho esas manchas son fotos de jardín y piscina (ver «Fotos de fondo» más abajo) */
.lp-flow{display:flex;flex-direction:column;gap:76px;padding:60px 0 84px;background:radial-gradient(ellipse 460px 420px at -90px 8%,rgba(120,168,92,.2),transparent 70%),radial-gradient(ellipse 380px 440px at calc(100% + 50px) 24%,rgba(52,150,230,.17),transparent 70%),radial-gradient(ellipse 440px 380px at -90px 58%,rgba(110,160,90,.16),transparent 70%),radial-gradient(ellipse 400px 380px at calc(100% + 60px) 82%,rgba(70,160,235,.15),transparent 70%),linear-gradient(180deg,#f3f9ff,#f6faff 50%,#f3f9ff)}
.lp-flow [data-lp-voices-slot]:empty{display:none}
/* Franjas del fondo de escritorio (ver «fondo»): en teléfono y tablet la envoltura no existe y las secciones siguen siendo hijas directas de .lp-flow */
.lp-band{display:contents}
.lp-split{display:grid;grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);gap:30px;align-items:start}
.lp-side{display:flex;flex-direction:column;align-items:flex-start;padding-top:4px;min-width:0}
.lp-side h2{font-size:clamp(27px,2.5vw,36px);line-height:1.1;font-weight:800;letter-spacing:-.03em;margin:0 0 14px}
.lp-side>p{font-size:15.5px;line-height:1.55;color:var(--lp-text);margin:0 0 22px;max-width:360px}
.lp-side .lp-btn{min-height:48px;padding:0 24px;font-size:15.5px}
/* Cómo funciona */
.lp-how{grid-template-columns:minmax(0,.29fr) minmax(0,.71fr)}
.lp-services{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr)}
.lp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lp-step{display:flex;flex-direction:column;min-width:0;padding:20px 18px 18px;background:#fff;border-radius:18px;box-shadow:var(--lp-shadow)}
.lp-step-ico{width:30px;height:30px;margin-bottom:14px;color:var(--lp-blue);fill:rgba(11,100,244,.12)}
.lp-step h3{font-size:16px;line-height:1.3;font-weight:700;letter-spacing:-.015em;margin-bottom:8px;min-height:2.6em}
.lp-step p{font-size:13.5px;line-height:1.5;color:var(--lp-muted);margin-bottom:16px}
.lp-step>div{margin-top:auto}
.lp-sv{border-radius:12px;min-width:0}
.lp-sv--photo{aspect-ratio:330/200;overflow:hidden;box-shadow:0 6px 16px rgba(18,62,150,.12)}
.lp-sv--photo img{display:block;width:100%;height:100%;object-fit:cover}
.lp-sv--metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 4px;border:1px solid var(--lp-line);background:#fff}
.lp-sv--metrics>div{display:grid;justify-items:center;gap:3px;border-left:1px solid var(--lp-line)}
.lp-sv--metrics>div:first-child{border-left:0}
.lp-sv--metrics small{font-size:11px;color:var(--lp-muted)}
.lp-sv--metrics b{font-size:16px;color:var(--lp-ink)}
.lp-sv--metrics i{width:7px;height:7px;border-radius:50%;background:#18a957}
.lp-sv--metrics .is-info,.lp-sv--metrics i.is-info{background:#1d7dff}
.lp-sv--alert{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #ffd3d6;background:#fff1f2}
.lp-sv-bad{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#ffdfe2;color:#e5484d}
.lp-sv-bad .lp-i{width:18px;height:18px}
.lp-sv--alert>span:nth-child(2){display:grid;flex:1;min-width:0}
.lp-sv--alert b{font-size:13px;color:var(--lp-ink)}
.lp-sv--alert small{font-size:11px;line-height:1.3;color:var(--lp-muted)}
.lp-sv--alert>.lp-i{display:none}
.lp-sv--visit{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--lp-line);background:#fff}
.lp-sv--visit .lp-fc-avatar{width:32px;height:32px}
.lp-sv--visit>span:nth-child(2){display:grid;gap:1px}
.lp-sv--visit small{font-size:11px;line-height:1.3;color:var(--lp-muted)}
.lp-sv--visit b{font-size:13px;color:var(--lp-ink)}
/* Todo lo que puedes hacer */
.lp-features{margin-top:30px;padding-bottom:20px}
.lp-services,.lp-voices,.lp-blog,.lp-faq{margin-top:30px}
.lp-head-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.lp-head-row h2{font-size:clamp(22px,2vw,28px);line-height:1.2;font-weight:800;letter-spacing:-.025em}
.lp-feat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lp-feat{display:flex;align-items:center;gap:14px;min-width:0;padding:18px 18px 18px 20px;border-radius:14px;background:#fff;box-shadow:var(--lp-shadow);color:inherit;transition:transform .15s ease,box-shadow .15s ease}
a.lp-feat:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(12,31,85,.06),0 16px 34px rgba(18,62,150,.13)}
.lp-feat-ico{width:36px;height:36px;color:var(--lp-blue);stroke-width:1.7;fill:rgba(11,100,244,.14)}
.lp-feat-ico--sun{color:#f5a400;fill:rgba(245,164,0,.22)}
.lp-feat-ico--bolt{color:#17b26a;fill:rgba(23,178,106,.22)}
.lp-feat-art,.lp-feat br{display:none}
.lp-feat>span{display:grid;flex:1;gap:3px;min-width:0}
.lp-feat b{font-size:15px;font-weight:700;line-height:1.25;color:var(--lp-ink)}
.lp-feat small{font-size:13px;line-height:1.4;color:var(--lp-muted)}
.lp-feat-chev{width:18px;height:18px;color:var(--lp-blue)}
.lp-note{margin-top:12px;font-size:12px;color:var(--lp-muted)}
/* Panel inteligente */
.lp-panel{display:grid;grid-template-columns:minmax(0,.3fr) minmax(0,.46fr) minmax(0,.24fr);gap:28px;align-items:center}
.lp-monitor{min-width:0}
.lp-monitor-screen{aspect-ratio:16/10;overflow:hidden;border:10px solid #0f1b38;border-bottom:0;border-radius:18px 18px 0 0;background:#0b2a66;box-shadow:0 24px 50px rgba(8,28,80,.26)}
.lp-monitor-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.lp-pills{display:grid;gap:12px}
.lp-pills li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:var(--lp-shadow)}
.lp-pill-ico{width:42px;height:42px;padding:10px;border-radius:50%;background:var(--lp-soft);color:var(--lp-blue)}
.lp-pills span{display:grid;gap:2px;min-width:0}
.lp-pills b{font-size:14.5px;font-weight:700;line-height:1.25;color:var(--lp-ink)}
.lp-pills small{font-size:12.5px;line-height:1.35;color:var(--lp-muted)}
/* Servicios */
.lp-service-grid{display:grid;grid-template-columns:repeat(var(--lp-n,5),minmax(0,1fr));gap:12px}
.lp-service{display:flex;flex-direction:column;min-width:0;padding:0;border:0;border-radius:14px;background:#fff;box-shadow:var(--lp-shadow);overflow:hidden;text-align:left;cursor:pointer;color:inherit;font:inherit;-webkit-appearance:none;appearance:none;transition:transform .15s ease,box-shadow .15s ease}
.lp-service:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(12,31,85,.06),0 16px 34px rgba(18,62,150,.13)}
.lp-service img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--lp-soft)}
.lp-service-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ico ico" "t chev";gap:8px 6px;align-items:end;padding:12px 12px 14px}
.lp-service-ico{grid-area:ico;width:26px;height:26px;color:var(--lp-blue);fill:rgba(11,100,244,.12)}
.lp-service-bar b{grid-area:t;font-size:14px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--lp-ink)}
.lp-service-chev{grid-area:chev;width:16px;height:16px;color:var(--lp-blue)}
/* Planes */
.lp-plan-grid{display:grid;grid-template-columns:repeat(var(--lp-n,3),minmax(0,1fr));gap:16px;margin-top:30px;align-items:stretch}
.lp-plan{position:relative;display:flex;min-width:0;border-radius:18px;background:#fff;box-shadow:var(--lp-shadow)}
.lp-plan.is-popular{border:2px solid #1d7dff;box-shadow:0 2px 4px rgba(12,31,85,.06),0 18px 40px rgba(11,100,244,.18)}
.lp-plan-badge{position:absolute;left:-2px;right:-2px;top:-30px;height:30px;display:grid;place-items:center;border-radius:16px 16px 0 0;background:#0b64f4;color:#fff;font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.lp-plan-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:22px 22px 22px}
.lp-plan h3{font-size:21px;font-weight:800;letter-spacing:-.02em}
.lp-plan-body>p{margin:4px 0 14px;font-size:13.5px;line-height:1.4;color:var(--lp-muted);min-height:4.2em}
.lp-price{display:block;margin-bottom:16px;color:var(--lp-ink)}
.lp-price b{font-size:34px;font-weight:800;letter-spacing:-.03em}
.lp-price small{font-size:14px;font-weight:500;color:var(--lp-muted)}
.lp-plan ul{display:grid;gap:9px;flex:1;margin-bottom:20px}
.lp-plan li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.35;color:#25345a}
.lp-plan li .lp-i{width:17px;height:17px;margin-top:1px;padding:3px;border-radius:50%;background:var(--lp-green);color:#fff;stroke-width:3.4}
.lp-plan .lp-solid,.lp-plan .lp-ghost{width:100%}
/* Opiniones */
.lp-voices-grid{display:grid;grid-template-columns:repeat(var(--lp-n,3),minmax(0,1fr));gap:14px;align-items:stretch}
@media (min-width:1181px){.lp-voices-grid.has-nums{grid-template-columns:repeat(var(--lp-n,3),minmax(0,1fr)) minmax(0,.62fr)}}
.lp-quote{display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px;border-radius:16px;background:#fff;box-shadow:var(--lp-shadow)}
.lp-voices-empty{margin:0;padding:18px;border-radius:16px;background:#fff;box-shadow:var(--lp-shadow);font-size:14px;line-height:1.55;color:#34436a;text-align:center}
.lp-quote header{display:flex;align-items:center;gap:10px}
.lp-quote .lp-face{margin:0;width:44px;height:44px}
.lp-quote blockquote{flex:1;font-size:14px;line-height:1.55;color:#34436a}
.lp-quote figcaption b{font-size:14px;font-weight:700;color:var(--lp-ink)}
.lp-quote figcaption small{display:block;margin-top:2px;font-size:12px;color:var(--lp-muted)}
.lp-voices-note{margin-top:10px;max-width:300px;font-size:13px;line-height:1.5;color:var(--lp-text)}
.lp-nums{display:grid;align-content:center;gap:14px;padding:18px 20px;border-radius:16px;background:#fff;box-shadow:var(--lp-shadow)}
.lp-nums>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i n" "i l";column-gap:12px;align-items:center}
.lp-num-ico{grid-area:i;width:30px;height:30px;color:var(--lp-blue);fill:rgba(11,100,244,.13)}
.lp-nums dt{grid-area:n;font-size:20px;font-weight:800;line-height:1.1;color:var(--lp-ink)}
.lp-nums dd{grid-area:l;font-size:12.5px;color:var(--lp-muted)}
/* Blog */
.lp-post-grid{display:grid;grid-template-columns:repeat(var(--lp-n,3),minmax(0,1fr));gap:16px}
.lp-post{display:flex;flex-direction:column;min-width:0;border-radius:16px;background:#fff;box-shadow:var(--lp-shadow);overflow:hidden;color:inherit;transition:transform .15s ease,box-shadow .15s ease}
.lp-post:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(12,31,85,.06),0 16px 34px rgba(18,62,150,.13)}
.lp-post-img{position:relative;display:block;aspect-ratio:440/160;background:linear-gradient(135deg,#dcecff,#f1f7ff);overflow:hidden}
.lp-post-img img{display:block;width:100%;height:100%;object-fit:cover}
.lp-post-img em{position:absolute;left:12px;top:12px;padding:5px 12px;border-radius:999px;background:#fff;color:#0a2a78;font:700 10.5px Inter,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px rgba(11,40,110,.14)}
.lp-post-body{display:grid;gap:6px;padding:16px 18px 18px}
.lp-post-body b{font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--lp-ink)}
.lp-post-body small{font-size:12.5px;color:var(--lp-muted)}
/* Preguntas frecuentes */
.lp-faq-list{overflow:hidden;border-radius:16px;background:#fff;box-shadow:var(--lp-shadow)}
.lp-faq details+details{border-top:1px solid var(--lp-line)}
.lp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;line-height:1.35;color:var(--lp-ink)}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary:hover{background:#f7faff}
.lp-faq-chev{width:20px;height:20px;color:var(--lp-ink);transition:transform .18s ease}
.lp-faq details[open] .lp-faq-chev{transform:rotate(180deg)}
.lp-faq-answer{padding:0 22px 18px;font-size:14.5px;line-height:1.65;color:var(--lp-text)}
.lp-faq-answer p{margin:0 0 10px;color:var(--lp-text)}
.lp-faq-answer p:last-child{margin:0}
.lp-faq-answer a{color:var(--lp-blue);text-decoration:underline;text-underline-offset:3px}
.lp-custom{display:grid;gap:18px}
/* Pie de la portada */
.lp-footer{position:relative;overflow:hidden;padding:46px 0 0;background:linear-gradient(180deg,#f6faff,#e9f4ff);border-top:1px solid #e3eefb;color:var(--lp-text);font-family:Inter,system-ui,sans-serif}
.lp-footer .lp-wrap{position:relative;z-index:1}
.lp-footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:34px 32px}
.lp-footer-grid:has(.lp-footer-news){grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,.85fr)) minmax(0,1.9fr)}
.lp-footer-logo{display:inline-flex;align-items:center;gap:8px;font-size:25px;font-weight:700;letter-spacing:-.03em;color:var(--lp-ink)}
.lp-footer-logo b{font-weight:800;color:var(--lp-blue)}
.lp-footer-logo .icon{width:36px;height:26px;color:var(--lp-blue)}
.lp-footer-brand p{margin:12px 0 16px;max-width:290px;font-size:13.5px;line-height:1.55;color:var(--lp-muted)}
.lp-social{display:flex;gap:12px}
.lp-social a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--lp-ink)}
.lp-social a:hover{background:#fff;color:var(--lp-blue)}
.lp-social .lp-i{width:21px;height:21px}
.lp-footer-col h3,.lp-footer-news h3{margin-bottom:12px;font-size:14.5px;font-weight:700;color:var(--lp-ink)}
.lp-footer-col ul{display:grid;gap:9px}
.lp-footer-col li{list-style:none}
.lp-footer-col a{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--lp-muted)}
.lp-footer-col a:hover{color:var(--lp-blue)}
.lp-footer-col a .lp-i{width:16px;height:16px;color:var(--lp-blue)}
.lp-footer-news>p{margin-bottom:12px;font-size:13px;line-height:1.5;color:var(--lp-muted)}
.lp-footer-news form>div{display:flex;gap:8px}
.lp-footer-news input[type=email]{flex:1;min-width:0;height:46px;padding:0 16px;border:1.5px solid #cfe0fb;border-radius:999px;background:#fff;font:400 14px Inter,sans-serif;color:var(--lp-ink)}
.lp-footer-news input[type=email]:focus-visible{outline:2px solid var(--lp-blue);outline-offset:1px}
.lp-footer-news .lp-btn{min-height:46px;padding:0 22px;font-size:14.5px;box-shadow:0 8px 18px rgba(11,100,244,.26)}
.lp-news-status{min-height:1.2em;margin-top:8px;font-size:12.5px;color:#087a40}
.lp-news-status.is-bad{color:#c43b3b}
.lp-footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:34px;padding:22px 0 24px;font-size:12.5px;color:var(--lp-muted)}
.lp-heart{display:inline-block;vertical-align:-2px;color:#e5484d}
.lp-heart .lp-i{width:14px;height:14px;fill:currentColor;stroke:none}
.lp-footer-wave{position:absolute;left:0;right:0;bottom:0;height:88px;z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 36c120-34 240-34 360 0s240 34 360 0 240-34 360 0 240 34 360 0v54H0z' fill='%23bfe1fb' fill-opacity='.55'/%3E%3Cpath d='M0 56c120-28 240-28 360 0s240 28 360 0 240-28 360 0 240 28 360 0v34H0z' fill='%2394cdf7' fill-opacity='.4'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}
/* El agua del pie: con la foto de la piscina desde 768 px; en teléfono se queda la ola dibujada (sin descargar nada). */
@media (min-width:768px){
.lp-footer-wave{background:url(/assets/portada-fondo-agua.webp) center bottom/100% 100% no-repeat}
.lp-footer-base{color:#2f4468;text-shadow:0 0 8px rgba(241,247,255,.9),0 0 2px rgba(241,247,255,.9)}
}
/* Pantallas medianas */
@media (max-width:1180px){
.lp-hero,.lp-hero::after{background-image:var(--lp-hero-t,var(--lp-hero))}
.lp-hero-grid{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr)}
.lp-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}
.lp-strip li:nth-child(4)::before{display:none}
.lp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-panel{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}
.lp-pills{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-footer-grid,.lp-footer-grid:has(.lp-footer-news){grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-footer-brand,.lp-footer-news{grid-column:1/-1}
.lp-nums{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px}
.lp-nums>div{grid-template-columns:1fr;grid-template-areas:"i" "n" "l";justify-items:start}
}
@media (max-width:980px){
.lp-hero{padding:104px 0 96px}
.lp-hero::before{background:linear-gradient(180deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.88) 46%,rgba(255,255,255,.35) 100%),linear-gradient(0deg,#f3f9ff 0,rgba(243,249,255,0) 12%)}
.lp-hero-grid{grid-template-columns:minmax(0,1fr);gap:8px}
.lp-hero-copy{max-width:640px}
.lp-hero-visual{padding-top:112px;margin:0 auto;width:min(100%,640px)}
.lp-device-box{margin-right:0}
.lp-fc--water{left:0}
.lp-fc--weather{right:0}
.lp-fc--visit{display:none}
.lp-flow{gap:60px;padding-top:44px}
.lp-split{grid-template-columns:minmax(0,1fr);gap:22px}
.lp-side>p{max-width:560px}
.lp-panel{grid-template-columns:minmax(0,1fr)}
.lp-monitor{max-width:640px}
.lp-plan-grid{margin-top:34px}
.lp-voices-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
.lp-fcards{display:none}
.lp-hero-visual{padding-top:16px}
.lp-plan-grid{grid-template-columns:minmax(0,1fr);gap:40px}
.lp-plan-body>p,.lp-step h3{min-height:0}
.lp-post-grid{grid-template-columns:minmax(0,1fr)}
.lp-voices-grid{grid-template-columns:minmax(0,1fr)}
.lp-steps,.lp-pills{grid-template-columns:minmax(0,1fr)}
.lp-footer-grid,.lp-footer-grid:has(.lp-footer-news){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.lp-hero,.lp-hero::after{background-image:var(--lp-hero-m,var(--lp-hero-t,var(--lp-hero)))}
.lp-wrap{width:min(1240px,100% - 32px)}
body:not([data-page="panel"]) .head-login,body:not([data-page="panel"]) .head-register{display:none}
body[data-page="home"] .topbar{top:10px}
body[data-page="home"] .topbar .header-inner{width:calc(100% - 24px);height:56px;padding:0 8px 0 18px}
.lp-hero{padding:92px 0 88px}
.lp-hero h1{font-size:clamp(32px,9vw,40px)}
.lp-hero-actions{flex-direction:column}
.lp-hero-actions .lp-btn,.lp-hero-actions .lp-btn-outline{width:100%}
.lp-proof{align-items:flex-start}
.lp-strip-wrap{width:min(1250px,100% - 32px);margin-top:-36px}
.lp-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 4px}
.lp-strip li{padding:8px 4px 8px 10px;gap:9px}
.lp-strip .lp-sic{font-size:11.5px}
.lp-strip li:nth-child(odd)::before{display:none}
.lp-strip li:nth-child(even)::before{display:block}
.lp-strip :is(b,small){font-size:12.5px}
.lp-flow{gap:52px;padding:36px 0 64px}
.lp-head-row{flex-direction:column;align-items:flex-start;gap:10px}
.lp-feat-grid{grid-template-columns:minmax(0,1fr)}
.lp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-faq summary{padding:15px 16px}
.lp-faq-answer{padding:0 16px 16px}
.lp-footer-news form>div{flex-direction:column}
.lp-footer-news .lp-btn{width:100%}
.lp-footer-base{flex-direction:column}
.lp-nums{grid-template-columns:minmax(0,1fr)}
.lp-nums>div{grid-template-columns:auto 1fr;grid-template-areas:"i n" "i l"}
}
@media (prefers-reduced-motion:reduce){
a.lp-feat,.lp-service,.lp-post,.lp-faq-chev{transition:none}
a.lp-feat:hover,.lp-service:hover,.lp-post:hover{transform:none}
}
/* Cabecera pública entre 1024 y 1259 px: los siete enlaces ya no caben en una línea; igual que en tablet se usa el menú desplegable (nunca en los paneles). */
@media (min-width:1024px) and (max-width:1259px){
body:not([data-page="panel"]) header .main-nav{display:none}
body:not([data-page="panel"]) header .mobile-menu{display:flex}
body:not([data-page="panel"]) header .head-tools{margin-left:auto}
}
/* =====================================================================================================================================================
Portada de ESCRITORIO (desde 1181 px): diseño de la imagen 18 a escala fluida. Las medidas de este bloque son las de la imagen a 1920 px de ancho, escritas
en em: 1 em = 16 px con la ventana a 1920 px y se encoge con ella hasta 12 px (1440 px), así la portada se ve igual que la imagen en cualquier pantalla
de escritorio. Por debajo de 1181 px siguen los estilos de arriba (tablet y teléfono). Cada sección tiene su bloque, entre los marcadores «@@ nombre» y «@@ fin nombre».
===================================================================================================================================================== */
@media (min-width:1181px){
/*@@ base */
body[data-page="home"] :is(.topbar,.lp,.lp-footer){font-size:clamp(.75rem,.83333vw,1rem)}
.lp-wrap{width:min(104.25em,100% - 3em)}
.lp-flow{gap:0;padding:0}
/*@@ fin base */
/*@@ header */
/* Píldora blanca flotando sobre la foto (x 140 a 780 de la imagen) con el menú editable de Administración; los siete enlaces caben desde 1181 px */
body[data-page="home"] .topbar{top:.16em}
body[data-page="home"] .topbar .header-inner{position:relative;left:-1em;width:82.1em;height:4.2em;padding:0 1.03em 0 1.8em;gap:0;border-radius:1.1em;background:rgba(255,255,255,.96);box-shadow:0 .5em 1.6em rgba(10,40,110,.13),0 .06em .2em rgba(10,40,110,.06)}
body[data-page="home"] .topbar .brand{flex:none;gap:.25em;font-size:1.5em;letter-spacing:-.03em}
body[data-page="home"] .topbar .brand svg.icon{width:1.5em;height:1.05em}
body[data-page="home"] .topbar .brand .bl-img{max-width:10.3em!important}
body[data-page="home"] .topbar .brand span{font-weight:700;color:#06061f}
body[data-page="home"] .topbar .brand b{font-weight:700;color:#0b64f4}
body[data-page="home"] .topbar .header-inner>.main-nav{display:flex;flex:1;align-self:stretch;align-items:stretch;justify-content:space-between;min-width:0;margin:0 1.25em 0 2.2em;overflow:visible}
body[data-page="home"] header .mobile-menu{display:none}
body[data-page="home"] .topbar .main-nav a{height:auto;padding:0;font-size:.78em;font-weight:500;color:#0e1a38;white-space:nowrap}
body[data-page="home"] .topbar .main-nav a.active{font-weight:600;color:#0b64f4}
body[data-page="home"] .topbar .main-nav a.active::after{left:0;right:0;bottom:1.14em;height:.16em}
body[data-page="home"] .head-tools{gap:.9em}
body[data-page="home"] .head-search{width:2.375em;height:2.375em;color:#0b1b45}
body[data-page="home"] .head-search svg{width:1.6em;height:1.6em;stroke-width:2.1}
body[data-page="home"] .head-login{height:3.08em;padding:0 1.56em;border-color:#dbe7f7;border-radius:1.15em;font-size:.76em;font-weight:600}
body[data-page="home"] .head-register,body[data-page="home"] .head-panel{height:2.87em;padding:0 1.93em;border-color:#0668f6;border-radius:1.03em;background:#0668f6;box-shadow:0 .3em .8em rgba(6,104,246,.26);font-size:.85em}
/*@@ fin header */
/*@@ hero */
/* Banner de 45.18em de alto (y 0 a 352 de la imagen): foto nítida (portada-banner.webp) con velo claro a la izquierda para que el texto se lea, texto a 20em del borde y, a la derecha, computador y celular con tres tarjetas.
Lo de la izquierda se mide desde el borde izquierdo del contenedor; lo de la derecha, desde su borde derecho (a 1920 px: 126 px de margen a cada lado). */
.lp-hero{height:45.18em;padding:0;box-sizing:border-box;overflow:hidden;background:#cfe6f5}
.lp-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:var(--lp-hero) 50% 50%/cover no-repeat;filter:brightness(1.04) saturate(1.1)}
.lp-hero::before{background:linear-gradient(90deg,rgba(238,248,255,0) 0,rgba(238,248,255,.5) 6%,rgba(238,248,255,.84) 13%,rgba(238,248,255,.88) 30%,rgba(238,248,255,.74) 40%,rgba(238,248,255,.48) 48%,rgba(238,248,255,.22) 57%,rgba(238,248,255,0) 67%)}
.lp-hero-grid{display:block;position:relative;height:100%}
.lp-hero-copy{position:absolute;left:12.125em;top:0;width:35em;max-width:none;padding-top:9.4em}
.lp-hero .lp-eyebrow{margin:0 0 .99em;font-size:.9em;line-height:1.2;letter-spacing:.162em;color:#2b3b74;white-space:nowrap}
body[data-page="home"] .lp-hero .lp-hero-copy h1{margin:0 0 .353em;font-size:3.4em;font-weight:800;line-height:1;letter-spacing:-.014em;color:#06061f;white-space:nowrap}
.lp-hero h1 .lp-accent{background:none;-webkit-text-fill-color:#0f6cea;color:#0f6cea;letter-spacing:-.04em}
.lp-hero .lp-hero-copy>p{max-width:30.2em;margin:0 0 1.31em;font-size:1.02em;font-weight:500;line-height:1.428;color:#2a3153}
.lp-hero-actions{flex-wrap:nowrap;gap:.8125em;margin:0 0 1.72em}
.lp-hero .lp-hero-actions .lp-btn{height:3.48em;min-height:0;padding:0 2.18em;gap:1.09em;border:0;border-radius:1.04em;background:linear-gradient(180deg,#0a6cfa,#0561ee);box-shadow:0 .6em 1.4em rgba(6,104,246,.28);font-size:1.0625em;font-weight:600}
.lp-hero .lp-hero-actions .lp-btn .lp-i{width:1.06em;height:1.06em;stroke-width:2.5}
.lp-hero .lp-hero-actions .lp-btn-outline{border-radius:1.1em;height:3.7em;min-height:0;padding:0 1.77em 0 1.58em;gap:.57em;border:1.5px solid #8db4ec;box-shadow:0 .4em 1.2em rgba(18,62,150,.08);font-size:1em;font-weight:600;color:#0a56d6}
.lp-hero .lp-hero-actions .lp-btn-outline .lp-i{width:2.4em;height:2.4em;color:#0b64f4}
.lp-hero .lp-btn-outline .lp-i path:first-child{fill:#0b64f4}
.lp-hero .lp-btn-outline .lp-i path:last-child{stroke:#fff;stroke-width:1.9}
.lp-hero .lp-proof-slot{min-height:0}
.lp-hero .lp-proof{align-items:flex-start;gap:.9em}
.lp-hero .lp-face{width:3.44em;height:3.44em;margin-left:-.58em;border-width:.16em;font-size:.8em}
.lp-hero .lp-proof-text{gap:0;margin-top:-.14em}
.lp-hero .lp-proof-text:not(:has(.lp-stars)){padding-top:1.41em}
.lp-hero .lp-stars{gap:.2em;margin-bottom:.21em;color:#f7ae12}
.lp-hero .lp-stars .lp-i{width:1.2em;height:1.2em}
.lp-hero .lp-proof-text b{font-size:.9em;line-height:1.3;color:#0c1a44}
.lp-hero .lp-proof-text small{margin-top:.33em;font-size:.79em;line-height:1.35;color:#55658a}
.lp-hero-visual{position:absolute;top:0;right:0;width:54em;height:100%;margin:0;padding:0}
.lp-device-box{position:static;container-type:normal;margin:0}
.lp-device{position:static;width:auto;height:auto;font-size:1em}
.lp-laptop{position:static;width:auto}
.lp-laptop::before{content:"";position:absolute;left:-5.4em;top:41.7em;width:41.4em;height:1.5em;background:radial-gradient(ellipse at 50% 50%,rgba(30,20,10,.5),transparent 72%);filter:blur(.3em)}
.lp-laptop::after{content:"";position:absolute;left:-6.53em;top:38.51em;width:43.13em;height:5em;background:linear-gradient(90deg,#3a2d22,#150d06 40%,#0a0603);clip-path:polygon(0.6% 59%,11.3% 65.4%,29.2% 73.1%,47% 76.9%,64.9% 84.6%,85.7% 83.4%,93.4% 69.2%,92.3% 80.8%,85.7% 98.8%,64.9% 100%,47% 93.6%,29.2% 87.2%,11.3% 79.5%,1.2% 70.5%)}
.lp-laptop>.lp-screen{position:absolute;left:2.87em;top:15.99em;width:34.88em;height:23.26em;box-sizing:border-box;aspect-ratio:auto;border:.42em solid #0d1016;border-bottom-width:1em;border-radius:.9em;transform:perspective(141.44em) rotateX(15.633deg) rotateY(-23.186deg) rotateZ(6.45deg);box-shadow:0 1.2em 2.6em rgba(8,28,80,.3)}
.lp-screen>img{object-position:50% 0}
.lp-slot--pc{top:3.5%;height:5.2%;font-size:.5em}
.lp-laptop-base{position:absolute;left:-6.53em;top:38.51em;width:43.13em;height:5em;margin:0;border-radius:0;background:linear-gradient(90deg,#e8e3e0 0,#e5dfdc 14%,#dbcac4 29%,#a99ca6 47%,#5f6e93 65%,#5c75a4 83%,#6e615d 93%,#7a6a60);box-shadow:none;clip-path:polygon(0.9% 44.8%,14% 20.5%,25% 2.5%,99.1% 28.2%,100% 41%,93.4% 56.4%,85.7% 69.2%,64.9% 67.9%,47% 61.5%,29.2% 57.7%,11.3% 52.5%)}
.lp-laptop-base::before,.lp-laptop-base::after{content:"";position:absolute;inset:0}
.lp-laptop-base::before{background:linear-gradient(180deg,#1b2030,#080a10);clip-path:polygon(25% -0.1%,98.8% 24.3%,96.4% 32%,85.7% 47.4%,64.9% 47.4%,47% 37.1%,26.2% 32%)}
.lp-laptop-base::after{background:linear-gradient(90deg,#bba69d,#b9aaa6 30%,#b79e94 55%,#a89484 80%,#8a7466);clip-path:polygon(0.6% 47.4%,11.3% 52.5%,29.2% 57.7%,47% 62.8%,64.9% 69.2%,85.7% 70.5%,93.4% 57.7%,93.4% 69.2%,85.7% 83.4%,64.9% 84.6%,47% 76.9%,29.2% 73.1%,11.3% 65.4%,0.6% 59%)}
.lp-phone{left:37.3em;top:22.54em;right:auto;bottom:auto;width:10.75em;height:20.59em;box-sizing:border-box;padding:.45em;border-radius:1.9em;background:#0c0f15;transform:skewX(-3.93deg);box-shadow:inset 0 0 0 .1em #a9aeb6,0 1.2em 2.4em rgba(20,30,60,.35)}
.lp-phone-screen{height:100%;aspect-ratio:auto;border-radius:1.5em}
.lp-slot--ph{top:.4%;height:3.3%;font-size:.6em}
.lp-phone::before{content:"";position:absolute;z-index:3;left:50%;top:.45em;width:4.9em;height:1.05em;transform:translateX(-50%);border-radius:0 0 .6em .6em;background:#0c0f15}
.lp-mock-cap{position:absolute;right:0;top:7.2em;margin:0;padding:.18em .8em;font-size:.66em;line-height:1.4}
.lp-hero .lp-fc{display:block;right:auto;padding:0;border-radius:.95em;background:rgba(255,255,255,.97);box-shadow:0 .9em 2.2em rgba(10,40,100,.16),0 .05em .15em rgba(10,40,100,.06)}
.lp-hero .lp-fc--water{left:2.96em;top:6.67em;width:18.93em;height:9.31em}
.lp-hero .lp-fc--weather{left:34.03em;top:6.16em;width:14.44em;height:7.51em}
.lp-hero .lp-fc--visit{left:41.6em;top:14.63em;width:12.51em;height:6.48em}
.lp-fc--water header,.lp-fc--weather>span,.lp-fc--visit>span:nth-child(2){display:contents}
.lp-hero .lp-fc :is(small,b,em,u){position:absolute;display:block;margin:0;white-space:nowrap}
/* Estado del agua */
.lp-fc--water header .lp-i{position:absolute;left:1.0em;top:.84em;width:1.85em;height:2.38em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 34'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.2' y1='0' x2='.8' y2='1'%3E%3Cstop offset='0' stop-color='%2338a8ff'/%3E%3Cstop offset='1' stop-color='%230a5fe8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M13 1.2C16.8 7 24.6 14.3 24.6 21.6a11.6 11.6 0 0 1-23.2 0C1.4 14.3 9.2 7 13 1.2z' fill='url(%23a)'/%3E%3Cpath d='M7.6 22.4a5.6 5.6 0 0 0 4.8 5.2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' opacity='.85'/%3E%3C/svg%3E") center/contain no-repeat}
.lp-fc--water header .lp-i *{display:none}
.lp-hero .lp-fc--water header b{left:4.017em;top:1.233em;font-size:.91em;line-height:1.2;color:#0c1a44}
.lp-hero .lp-fc--water header em{left:17.7em;top:1.5625em;display:flex;align-items:center;justify-content:center;gap:.5em;width:7.7em;height:2.2em;padding:0;border-radius:999px;background:#dff6e8;font-size:.7em;font-weight:600;color:#159b4a}
.lp-fc--water header em::before{width:.75em;height:.75em;box-shadow:0 0 0 .18em rgba(34,170,84,.25)}
.lp-hero .lp-fc-metrics{position:absolute;left:0;right:0;top:4.0625em;height:4em}
.lp-hero .lp-fc-metrics>div{padding:0;text-align:center;border-color:#e4eaf5}
.lp-hero .lp-fc-metrics small{position:static;margin:-.19em 0 0;font-size:.725em;line-height:1.2;color:#7384a6}
.lp-hero .lp-fc-metrics b{position:static;margin:.32em 0 0;font-size:1.3125em;line-height:1.2;color:#0b1b45}
.lp-hero .lp-fc-metrics b .lp-u{margin-left:.15em;font-size:.6em;font-weight:600}
.lp-hero .lp-fc-metrics>div>span{justify-content:center;margin-top:.79em;font-size:.7em;line-height:1.2;color:#6f7f9f}
.lp-hero .lp-fc-metrics i{width:.8em;height:.8em;box-shadow:0 0 0 .16em rgba(34,170,84,.22)}
.lp-hero .lp-fc-metrics .is-info i{box-shadow:0 0 0 .16em rgba(29,125,255,.22)}
/* Clima hoy */
.lp-fc--weather>.lp-i{position:absolute;left:1.16em;top:.83em;width:3.4em;height:3.25em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 52'%3E%3Cdefs%3E%3CradialGradient id='s' cx='.4' cy='.35' r='.8'%3E%3Cstop offset='0' stop-color='%23ffd04a'/%3E%3Cstop offset='1' stop-color='%23f6a312'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='27' cy='26' r='16' fill='url(%23s)'/%3E%3Cg stroke='%23f7b53a' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M27 2.5v5M27 44.5v5M3.5 26h5M45.5 26h5M10.4 9.4l3.5 3.5M40.1 39.1l3.5 3.5M10.4 42.6l3.5-3.5M40.1 12.9l3.5-3.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.lp-fc--weather>.lp-i *{display:none}
.lp-hero .lp-fc--weather small{left:6.134em;top:.983em;font-size:.93em;line-height:1.2;font-weight:700;color:#0c1a44}
.lp-hero .lp-fc--weather b{left:3.385em;top:1.35em;font-size:1.6875em;font-weight:800;line-height:1.1;color:#0c1a44}
.lp-hero .lp-fc--weather em{left:6.72em;top:5.1em;font-size:.85em;line-height:1.2;color:#44527a}
.lp-hero .lp-fc--weather u{left:7.88em;top:7.806em;display:flex;align-items:center;font-size:.725em;line-height:1.2;color:#6f7f9f}
.lp-hero .lp-fc--weather u .lp-i{position:absolute;left:-1.15em;width:.85em;height:.85em;fill:#0c1a44;stroke:none;color:#0c1a44}
.lp-hero .lp-fc--weather u .lp-i circle{fill:#fff}
/* Próxima visita */
.lp-fc--visit .lp-fc-ico{position:absolute;left:1.35em;top:.87em;width:1.6em;height:1.56em;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Crect x='1' y='3.5' width='24' height='21.5' rx='5.5' fill='%232f87f6'/%3E%3Cpath d='M1 9.5a5.5 5.5 0 0 1 5.5-6h13A5.5 5.5 0 0 1 25 9.5z' fill='%231b64d6'/%3E%3Crect x='6' y='.5' width='3' height='6' rx='1.5' fill='%231858c8'/%3E%3Crect x='17' y='.5' width='3' height='6' rx='1.5' fill='%231858c8'/%3E%3Cg fill='%23fff'%3E%3Crect x='5.5' y='13' width='4' height='4' rx='1'/%3E%3Crect x='11' y='13' width='4' height='4' rx='1'/%3E%3Crect x='16.5' y='13' width='4' height='4' rx='1'/%3E%3Crect x='5.5' y='18.5' width='4' height='3.5' rx='1'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.lp-fc--visit .lp-fc-ico .lp-i{display:none}
.lp-hero .lp-fc--visit small{left:4.697em;top:1.232em;font-size:.89em;line-height:1.2;font-weight:700;color:#0c1a44}
.lp-hero .lp-fc--visit b{left:5.06em;top:3.53em;font-size:.86em;line-height:1.2;color:#0c1a44}
.lp-hero .lp-fc--visit em{left:6.58em;top:6.62em;font-size:.66em;line-height:1.2;color:#7384a6}
.lp-hero .lp-fc--visit .lp-fc-avatar{position:absolute;left:.96em;top:3.08em;width:2.63em;height:2.63em}
/*@@ fin hero */
/*@@ strip */
.lp-strip-wrap{margin-top:-1.85em;container-type:inline-size}
/* Entre 1181 y 1287 px la tarjeta mide menos de 104.25 em: todo su contenido (en em) se encoge a la par */
.lp-strip{font-size:min(1em,calc(100cqw/104.25));grid-template-columns:repeat(var(--lp-cols,6),minmax(0,1fr));min-height:6.1em;padding:0;border-radius:1.5em;box-shadow:0 0 .12em rgba(14,52,120,.12)}
/* Seis mensajes: columnas de ancho distinto, como la imagen (el contenido nace a una distancia fija del separador) */
.lp-strip:has(li:nth-child(6):last-child){grid-template-columns:125.5fr 131.5fr 128.5fr 137fr 138fr 151.5fr}
.lp-strip li{gap:var(--g,1.5em);padding:0 0 0 var(--x,2em)}
.lp-strip li:nth-child(1){--x:2.2em;--g:1.63em}
.lp-strip li:nth-child(2){--x:2.25em}
.lp-strip li:nth-child(3){--x:2.31em;--g:1.76em}
.lp-strip li:nth-child(4){--x:2.12em}
.lp-strip li:nth-child(5){--x:2.05em;--g:1em}
.lp-strip li:nth-child(6){--x:1.86em}
.lp-strip li+li::before{top:50%;height:2.57em;transform:translateY(-50%);border-left-color:#dfeafa}
.lp-strip :is(b,small){font-size:.94em;line-height:1.53;letter-spacing:-.02em}
.lp-strip b{font-weight:800;color:#12163f}
.lp-strip small{font-weight:500;color:#657190}
.lp-strip span{gap:0}
/*@@ fin strip */
/*@@ how */
.lp .lp-how{grid-template-columns:minmax(0,min(30.6em,29.4%)) minmax(0,1fr);gap:0;align-items:start;margin-top:1.6em}
.lp .lp-how .lp-side{padding:1.47em 0 0 .9em}
.lp .lp-how .lp-eyebrow{font-size:1.03em;line-height:1;font-weight:600;letter-spacing:.157em;color:#4f73b8;margin:0 0 .61em}
.lp .lp-how .lp-side h2{font-size:3em;line-height:1.03;font-weight:800;letter-spacing:-.055em;word-spacing:.17em;color:#05054a;margin:0 0 .17em}
.lp .lp-how .lp-side h2 .lp-accent{background:none;color:#1067dc;-webkit-text-fill-color:currentColor}
.lp .lp-how .lp-side>p{max-width:none;font-size:1.082em;line-height:1.42;font-weight:500;color:#69768e;margin:0 0 1.05em}
.lp .lp-how .lp-br{display:block}
.lp .lp-how .lp-side .lp-btn{min-height:0;height:3.02em;margin-left:.1em;padding:0 1.72em 0 2.17em;gap:.64em;font-size:1.075em;font-weight:600;background:#0568fd;border:0;box-shadow:0 .55em 1.25em rgba(3,104,253,.28)}
.lp .lp-how .lp-side .lp-btn .lp-i{width:1.75em;height:1.75em;stroke-width:1.6}
/* Cuatro tarjetas */
.lp .lp-how .lp-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35em;align-items:stretch;margin:0 -.3em 0 .12em}
.lp .lp-how .lp-step{box-sizing:border-box;min-height:19.4em;padding:1.58em 1.4em 1.55em 1.8em;border:1px solid #e3ebf6;border-radius:1.25em;background:linear-gradient(180deg,#f7fbfe,#fdfdfd 1.2em);box-shadow:0 .45em 1.5em rgba(31,95,185,.1)}
.lp .lp-how .lp-step>.lp-i{display:none}
.lp .lp-how .lp-step>.lp-hi{display:block!important;flex:none;width:2.5em;height:2.5em;margin:0 0 .78em;color:#0686f6;fill:currentColor}
.lp .lp-how .lp-step h3{font-size:1.1em;line-height:1.25;font-weight:800;letter-spacing:0;color:#101444;min-height:0;margin:0}
.lp .lp-how .lp-step p{font-size:.975em;line-height:1.5;font-weight:500;color:#5a6886;margin:.65em 0 0}
.lp .lp-how .lp-step:first-child p{margin-top:1.15em}
.lp .lp-how .lp-step>div{margin-top:auto;padding-top:.6em}
/* Vistas de cada paso */
.lp .lp-how .lp-sv{box-sizing:border-box;border-radius:1em}
.lp .lp-how .lp-sv--photo{aspect-ratio:auto;height:6.05em;border-radius:1.25em;box-shadow:none}
.lp .lp-how .lp-sv--photo img{object-position:50% 60%}
.lp .lp-how .lp-sv--metrics,.lp .lp-how .lp-sv--alert,.lp .lp-how .lp-sv--visit{height:5.15em}
.lp .lp-how .lp-sv--metrics{padding:0;border:1px solid #edf2f9;background:#fff;box-shadow:0 .25em .9em rgba(31,95,185,.07)}
.lp .lp-how .lp-sv--metrics>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding-top:.95em;border-left:0}
.lp .lp-how .lp-sv--metrics>div+div::before{content:"";position:absolute;left:0;top:.96em;bottom:.98em;border-left:1px solid #edf1f7}
.lp .lp-how .lp-sv--metrics small{font-size:.76em;line-height:1.2;color:#7b88a6}
.lp .lp-how .lp-sv--metrics b{font-size:.99em;line-height:1.2;letter-spacing:-.045em;color:#08082e;margin-top:.12em}
.lp .lp-how .lp-sv--metrics i{width:.77em;height:.77em;box-sizing:border-box;margin-top:.59em;border:.2em solid #129a34;background:#3be06a}
.lp .lp-how .lp-sv--metrics i.is-info{border-color:#0a35d0;background:#3f7ff2}
.lp .lp-how .lp-sv--alert{align-items:center;gap:.95em;padding:0 .8em 0 .95em;border:1px solid #f7d2d7;background:#fdf0f2}
.lp .lp-how .lp-sv-bad{width:2em;height:2em;background:none;color:#fff}
.lp .lp-how .lp-sv-bad>.lp-i{display:none}
.lp .lp-how .lp-sv-bad>.lp-hi{display:block!important;width:100%;height:100%}
.lp .lp-how .lp-sv--alert>span:nth-child(2){padding-top:.1em}
.lp .lp-how .lp-sv--alert b{font-size:.775em;line-height:1.5;color:#0d0d33}
.lp .lp-how .lp-sv--alert small{font-size:.71em;line-height:1.55;font-weight:500;color:#4a5273;white-space:nowrap}
.lp .lp-how .lp-sv--alert>.lp-i{display:block;flex:none;width:1em;height:1em;margin-left:-.5em;color:#e5767c;stroke-width:1.8}
.lp .lp-how .lp-sv--visit{gap:.96em;padding:0 .5em 0 .42em;border:1px solid #eaf0f8;background:#fff;box-shadow:0 .3em .9em rgba(31,95,185,.08)}
.lp .lp-how .lp-sv--visit .lp-fc-avatar{width:4.3em;height:4.3em;border:2px solid #fff;box-shadow:0 0 0 1px #d9dee6}
.lp .lp-how .lp-sv--visit .lp-fc-avatar .lp-i{width:2.1em;height:2.1em}
.lp .lp-how .lp-sv--visit>span:nth-child(2){gap:.34em}
.lp .lp-how .lp-sv--visit small{font-size:.825em;line-height:1.35;font-weight:500;color:#141c45}
.lp .lp-how .lp-sv--visit b{font-size:.955em;line-height:1.35;color:#0b0d35}
/* Entre 1181 y 1286 px el contenedor se achica: se aprietan los rellenos para que los textos no salten de línea de más */
@media (max-width:1286px){
.lp .lp-how .lp-step{padding-right:1em}
.lp .lp-how .lp-sv--visit{gap:.7em}
.lp .lp-how .lp-sv--visit .lp-fc-avatar{width:3.7em;height:3.7em}
}
/*@@ fin how */
/*@@ features */
.lp-features{position:relative;width:min(104em,100% - 3em);margin-top:4.45em;padding-bottom:0}
.lp .lp-features .lp-head-row{gap:1.25em;margin-bottom:.58em}
.lp .lp-features .lp-head-row h2{margin-left:.15em;padding-top:.06em;font-size:2em;line-height:1.2;font-weight:800;letter-spacing:-.032em;color:#030341}
.lp-features .lp-link{gap:.44em;margin-right:-.15em;font-size:1.01em;font-weight:600;color:#0b62ee}
.lp-features .lp-link .lp-i{width:1.5em;height:1.5em;stroke-width:2.3}
.lp-feat-grid{grid-template-rows:minmax(7.225em,auto) minmax(7.55em,auto);gap:1.3em 1.5em}
.lp-feat{align-items:flex-start;gap:0;padding:0 1.6em .9em 1.56em;border:1px solid rgba(24,70,150,.06);border-radius:1em;background:#fff;box-shadow:0 .25em 1em rgba(24,70,150,.06)}
.lp-feat .lp-feat-ico{display:none}
.lp-feat .lp-feat-art{display:block;flex:none;width:3.2em;height:3.2em;margin:1.72em 1.64em 0 0}
.lp-feat>span{display:block;margin-top:1.4em}
.lp-feat b{display:block;font-size:1.03em;line-height:1.32;font-weight:800;color:#030341}
.lp-feat small{display:block;margin-top:.2em;font-size:1.02em;line-height:1.5;color:#55648a}
.lp-feat small br{display:inline}
.lp-feat .lp-x{display:none}
.lp-feat .lp-feat-chev{width:1.8em;height:1.8em;margin:2.72em .0625em 0 .0625em;stroke-width:2}
.lp-feat:nth-child(n+5) .lp-feat-art{margin-top:1.6em}
.lp-features .lp-note{position:absolute;inset:100% 0 auto;margin:1.1em 0 0;text-align:center;font-size:max(10.5px,.72em);line-height:1.4;color:#5b6a8a}
@media (max-width:1260px){
.lp-feat{padding-inline:1em 1.1em}
.lp-feat .lp-feat-art{width:2.7em;height:2.7em;margin:1.97em .9em 0 0}
.lp-feat:nth-child(n+5) .lp-feat-art{margin-top:1.85em}
.lp-feat .lp-feat-chev{width:1.6em;height:1.6em;margin-top:2.82em}
}
/*@@ fin features */
/*@@ panel */
/* Tres zonas a la medida de la imagen: texto (x 69), monitor (x 344) y píldoras (x 715); la fila mide 24,5 em y las píldoras sobresalen del contenedor como en el diseño. */
.lp-panel{--pl:max(1em,calc(50% - 51.1em));width:min(106.67em,100% - var(--pl) - 1em);min-height:24.5em;margin:.8em 0 0 var(--pl);grid-template-columns:minmax(0,32.16fr) minmax(0,44.5fr) minmax(0,23.84fr);gap:0 3.1em;align-items:center}
.lp-panel .lp-side{padding:.62em 0 0}
.lp .lp-panel .lp-eyebrow{margin:0 0 .63em;font-size:1.05em;line-height:1.2;letter-spacing:.205em;color:#4a73bf}
.lp .lp-panel .lp-side h2{margin:0 0 .32em;font-size:2.75em;line-height:1.13;font-weight:900;letter-spacing:0;color:#02022a}
.lp-panel .lp-side>p{margin:0 0 .84em;max-width:25.9em;font-size:1.15em;line-height:1.45;color:#52607f}
.lp-panel .lp-side .lp-btn{min-height:3.27em;padding:0 1.7em 0 2.1em;gap:.55em;font-size:1.1em;font-weight:600;background:linear-gradient(180deg,#0b70ff,#0462f6);border-color:#0560e8;box-shadow:0 .5em 1.2em rgba(3,104,252,.28)}
.lp-panel .lp-side .lp-btn:hover{background:linear-gradient(180deg,#0a66ee,#035bd6)}
.lp-panel .lp-side .lp-btn .lp-i{width:1.6em;height:1.6em;stroke-width:1.9}
.lp-monitor{height:24.5em;box-sizing:border-box;padding:.7em 1.22em 0 .2em;border-radius:1.05em 1.05em 0 0;background:linear-gradient(90deg,#17223a,#09152a 22%,#020f1f 45%,#00010b 74%,#010101);box-shadow:0 .3em 1.6em rgba(12,50,120,.12)}
.lp-monitor-screen{height:100%;aspect-ratio:auto;border:0;border-radius:.2em .1em 0 0;background:#eaf3fd;box-shadow:none}
/* La captura trae un marco claro de ~1 %: se recorta para que el menú oscuro quede pegado al bisel, como en la imagen. */
.lp-monitor-screen img{width:102%;max-width:none;height:auto;margin:-.85% 0 0 -1%}
.lp .lp-pills{gap:.65em;margin:0 0 .52em}
.lp-pills li{min-height:4.64em;box-sizing:border-box;padding:.65em 1.3em .65em .9em;gap:1.3em;border-radius:.7em;background:rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(160,195,240,.16),0 .1em .9em rgba(40,100,200,.1)}
.lp-pills li::before{content:"";flex:none;width:3em;height:3em;border-radius:50%;background:center/2.2em no-repeat #e0eefb}
.lp-pills li:nth-child(1)::before{background-image:url("data:image/svg+xml,")}
.lp-pills li:nth-child(2)::before{background-image:url("data:image/svg+xml,")}
.lp-pills li:nth-child(3)::before{background-image:url("data:image/svg+xml,")}
.lp-pills li:nth-child(4)::before{background-image:url("data:image/svg+xml,")}
.lp-pills .lp-pill-ico{display:none}
.lp-pills span{gap:.4em}
.lp-panel .lp-pills b{font-size:.96em;font-weight:800;line-height:1.25;color:#090c36}
.lp-panel .lp-pills small{font-size:.8em;line-height:1.35;color:#3c4a72}
/*@@ fin panel */
/*@@ services */
/* Servicios y especialistas: texto a la izquierda y tarjetas de 169 px (foto, pestaña con ícono, nombre en 2 líneas y flecha). El bloque mide lo de las tarjetas;
el botón de la izquierda asoma 1 em por debajo, como en la imagen. */
.lp-services{grid-template-columns:35.4em minmax(0,1fr);gap:0;align-items:start;margin-top:calc(1.35em + 30px)}
.lp-services .lp-side{padding:0 0 0 1.1em;margin:-.26em 0 -1em}
/* La tarjeta de servicios es una banda blanca a todo el ancho, de borde a borde: llega hasta donde empieza «Planes» y no depende del degradado de fondo (que, si las secciones de arriba cambian de alto, la teñía de azul) */
.lp-services{position:relative}
.lp-services::before{content:"";position:absolute;z-index:-1;left:50%;width:100vw;margin-left:-50vw;top:-1.35em;bottom:-2em;pointer-events:none;background:#fcfdfe}
.lp-services .lp-eyebrow{font-size:.9375em;line-height:1;font-weight:700;letter-spacing:.2em;color:#5873ab;margin:0 0 .84em}
.lp .lp-services .lp-side h2{font-size:2.5em;line-height:1.12;font-weight:800;letter-spacing:-.02em;color:#020230;margin:0 0 .19em}
.lp-services .lp-side>p{font-size:1.0625em;line-height:1.35;color:#4f5d7e;max-width:none;margin:0 0 1.16em}
.lp-services .lp-br{display:block}
.lp-services .lp-side .lp-btn{min-height:3.05em;height:3.05em;padding:0 2em 0 2.1em;gap:.8em;font-size:1em;font-weight:700;background:linear-gradient(180deg,#046afd,#0366f4);border:0;box-shadow:0 .4em 1.1em rgba(5,104,250,.2)}
.lp-services .lp-side .lp-btn .lp-i{width:1.5em;height:1.5em;stroke-width:2}
.lp-services .lp-service-grid{grid-template-columns:repeat(var(--lp-n,5),minmax(0,10.55em));gap:2em;justify-content:center;margin-right:-1.45em}
.lp-services .lp-service-grid:has(.lp-service:nth-child(5)){justify-content:end}
.lp-services .lp-service{border-radius:.85em;box-shadow:0 .5em 1.6em rgba(8,102,255,.07);background:#fff}
.lp-services .lp-service:hover{box-shadow:0 .6em 1.9em rgba(8,102,255,.14)}
.lp-services .lp-service img{height:8.75em;aspect-ratio:auto}
.lp-services .lp-service-bar{position:relative;margin-top:-.4em;border-radius:.65em;background:#fff;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ico ico" "t chev";gap:.58em .3em;align-items:start;align-content:start;min-height:6.15em;padding:.06em .52em 0 1.28em;box-sizing:border-box}
.lp-services .lp-service-bar::before{content:"";position:absolute;left:0;top:-.95em;width:3.67em;height:1.25em;background:#fff;border-radius:1.3em 1.2em 0 0}
.lp-services .lp-ico-line{display:none}
.lp-services .lp-ico-fill{display:inline}
.lp-services .lp-service-ico{position:relative;width:1.5em;height:1.5em;margin-left:-.19em;fill:currentColor;stroke:none;color:#1470e8}
.lp-services .lp-service-bar b{grid-area:2/1/3/3;font-size:.8925em;font-weight:800;line-height:1.38;letter-spacing:0;color:#1c2250}
.lp-services .lp-service-chev{grid-area:2/2/3/3;justify-self:end;position:relative;width:1.12em;height:1.12em;margin-top:.15em;stroke-width:2.4;color:#172461}
@media (max-width:1286px){.lp-services .lp-service-grid{gap:1em;margin-right:0}.lp-services .lp-service-bar{padding-left:1.1em}.lp-services .lp-service-bar b{font-size:.85em}}
/*@@ fin services */
/*@@ plans */
.lp-plans{display:grid;grid-template-columns:minmax(0,29.63em) minmax(0,1fr);column-gap:1.97em;align-items:start;margin-top:0;padding:1.8em 0 .375em}
.lp-plans .lp-side{padding:0 0 0 .94em}
.lp-plans .lp-eyebrow{margin:0 0 .375em;font-size:1em;letter-spacing:.18em;color:#2b6fcf}
body[data-page="home"] .lp-plans .lp-side h2{margin:0 0 .19em;font-size:2.75em;line-height:1.1;letter-spacing:-.036em;color:#040436}
.lp-plans .lp-side>p{max-width:28.4em;margin:0;font-size:1.145em;line-height:1.34;color:#566590}
.lp-plan-grid{grid-template-columns:repeat(var(--lp-n,3),minmax(0,1fr));grid-auto-rows:auto;gap:0 1.5em;margin:0 .2em 0 0;align-items:stretch}
.lp-plan-grid.is-trio{grid-template-columns:154fr 171.7fr 219.6fr}
.lp-plan{display:flex;flex-direction:column;padding:1.5em 1.8em 1.3em;border-radius:.9em;background:#fff;box-shadow:0 .3em 1.5em rgba(20,150,225,.045)}
.lp-plan-body{display:contents}
.lp-plan.is-popular{margin-bottom:-.375em;padding:calc(1.5em - 2px) calc(2.2em - 2px) calc(1.5em - 2px);border:2px solid #5aa6ee;border-radius:0 0 .9em .9em;box-shadow:0 .55em 1.7em rgba(0,140,240,.2)}
.lp-plan-grid.is-trio>.lp-plan:nth-child(3){padding-right:1.95em;padding-left:1.95em}
.lp-plan-badge{top:calc(-2.43em - 2px);height:calc(2.43em + 2px);padding-bottom:2px;box-sizing:border-box;border-radius:.85em .85em 0 0;background:#0585f4;font-size:max(10px,.74em);letter-spacing:.08em}
body[data-page="home"] .lp-plan h3{font-size:1.62em;line-height:1.2;letter-spacing:-.025em;color:#040436}
.lp-plan-body>p{min-height:2.7em;margin:-.1em 0 0;font-size:.9765em;line-height:1.3;font-weight:500;color:#53618a}
.lp-price{margin:.755em 0 .955em;line-height:1;color:#040436}
.lp-price b{font-size:2.45em;letter-spacing:-.05em}
.lp-price small{margin-left:.27em;font-size:1.15em;font-weight:500;color:#566590;word-spacing:-.25em}
.lp-plan ul{display:block;flex:1;margin:0 0 .55em .15em}
.lp-plan-grid.is-trio>.lp-plan:nth-child(3) :is(h3,.lp-plan-body>p,.lp-price){margin-left:.22em}
.lp-plan-grid.is-trio>.lp-plan:nth-child(3) ul{margin-left:.15em}
.lp-plan-grid.is-trio>.lp-plan:nth-child(3) li{font-size:.982em;line-height:1.447}
.lp-plan-grid.is-trio>.lp-plan:nth-child(3) .lp-plan-body>p{font-size:.981em}
.lp-plan-grid.is-trio>.lp-plan:nth-child(3) .lp-price b{font-size:2.52em}
.lp-plan li{gap:.55em;font-size:.93em;line-height:1.528;font-weight:500;color:#282d4d}
.lp-plan li .lp-i{width:.95em;height:.95em;margin-top:.31em;padding:.18em;background:#86c540}
.lp-plan.is-popular li{font-size:.9635em;line-height:1.476;color:#1f2442}
.lp-plan.is-popular li .lp-i{background:#1fa044}
.lp-plan .lp-solid,.lp-plan .lp-ghost{border-radius:.75em;font-size:1.11em;font-weight:700}
.lp-plan .lp-ghost{min-height:2.95em;border:2px solid #78a4e6;color:#1565d6;font-weight:700}
.lp-plan .lp-solid{min-height:2.78em;border:0;background:#0368f8;box-shadow:none}
@supports (grid-template-rows:subgrid){
.lp-plan{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
.lp-plan-body>p{min-height:0}
.lp-plan .lp-solid,.lp-plan .lp-ghost{align-self:end}
}
/*@@ fin plans */
/*@@ voices */
/* Opiniones (imagen 18, y 1251–1357): ocupa de x 69 a 917, un poco a la derecha del centro; con poco ancho se pega a los márgenes de 1,5 em. */
.lp-voices{width:min(109em,100% - 3em);margin:calc(.36em + 30px) 0 0 calc(1.5em + max(0px,100% - 112em)/2 + min(3.35em,max(0px,100% - 112em)/2));grid-template-columns:21.6em minmax(0,1fr);gap:0 1.61em;align-items:start}
.lp-voices .lp-side{display:block;padding:.1em 0 0}
.lp-voices .lp-eyebrow{margin:0 0 .82em .1em;font-size:.875em;font-weight:700;line-height:1;letter-spacing:.17em;color:#5578c6}
.lp .lp-voices .lp-side h2{margin:0;font-size:2.125em;font-weight:800;line-height:1.09;letter-spacing:-.048em;color:#030345}
.lp-voices .lp-voices-note{max-width:21em;margin-top:.9em;font-size:.85em;line-height:1.5;color:#4d5c7e}
.lp-voices .lp-voices-grid{margin-top:.92em;gap:1.41em}
.lp-voices .lp-voices-grid.has-nums{grid-template-columns:repeat(var(--lp-n,3),minmax(0,1fr)) 16.36em}
.lp-voices .lp-voices-empty{display:grid;align-items:center;min-height:13.3em;padding:1.3em 1.6em;border-radius:1.1em;background:#fff;box-shadow:0 .4em 1.6em rgba(22,64,150,.06);font-size:.9em;font-weight:600;line-height:1.67;color:#333c60}
.lp-voices .lp-quote,.lp-voices .lp-nums{border-radius:1.1em;background:#fff;box-shadow:0 .4em 1.6em rgba(22,64,150,.06)}
.lp-voices .lp-quote{gap:0;min-height:13.3em;padding:.4em 1.3em 1.05em}
.lp-voices .lp-quote:first-child{margin-left:.19em}
.lp-voices .lp-quote header{align-items:flex-start;gap:.33em;margin-bottom:-.1em}
.lp-voices .lp-quote:first-child header{gap:.93em}
.lp-voices .lp-quote .lp-face{width:3.7em;height:3.7em;font-size:1em;font-weight:700}
.lp-voices .lp-stars{gap:.07em;margin-top:.93em;color:#f6ae14}
.lp-voices .lp-stars .lp-i{width:1.36em;height:1.36em;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.lp-voices .lp-stars .lp-i.is-off{stroke:#d5dcec}
.lp-voices .lp-quote blockquote{flex:1;margin:-.1em 0 .5em;padding-left:.1em;font-size:.85em;font-weight:600;line-height:1.67;color:#333c60}
.lp-voices .lp-quote blockquote::before,.lp-voices .lp-quote blockquote::after{content:'"'}
.lp-voices .lp-quote figcaption{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.65em}
.lp-voices .lp-quote figcaption::before{content:attr(data-i);content:attr(data-i)/"";grid-row:1/3;display:grid;place-items:center;width:3.875em;height:3.875em;border-radius:50%;background:#dbe8ff;color:#0b3a8a;font:700 .8em Inter,sans-serif}
.lp-voices .lp-quote figcaption b{grid-column:2;font-size:.9em;font-weight:800;line-height:1.3;color:#030341}
.lp-voices .lp-quote figcaption b:only-child{grid-row:1/3}
.lp-voices .lp-quote figcaption small{grid-column:2;margin:0;font-size:.81em;font-weight:600;line-height:1.3;color:#6c778e}
.lp-voices .lp-nums{align-content:center;gap:0;padding:.9em 1.3em .9em 1.4em}
.lp-voices .lp-nums>div{grid-template-columns:2.3em minmax(0,1fr);column-gap:1.16em;align-content:center;height:3.82em}
.lp-voices .lp-num-ico{width:2.3em;height:2.3em;fill:none;stroke:none}
.lp-voices .lp-num-ico>:not(.lp-v-art){display:none}
.lp-voices .lp-v-art{display:inline}
.lp-voices .lp-nums :is(dt,dd){position:relative}
.lp-voices .lp-nums dt{top:.08em;font-size:1.27em;font-weight:800;line-height:1.1;color:#030341}
.lp-voices .lp-nums dd{top:.38em;font-size:.9em;font-weight:600;line-height:1.25;color:#374260}
/*@@ fin voices */
/*@@ blog */
/* En la imagen esta sección va unos 19 px (a 1920) a la derecha del centro y sus tarjetas llegan hasta x=1817: se desplaza igual y todo sigue en em. */
.lp-blog{grid-template-columns:24.6em minmax(0,1fr);gap:0 2.36em;align-items:start;width:min(104.76em,100% - 3em);position:relative;left:1.2em;min-height:10.6em;margin-top:calc(.75em + 30px)}
.lp-blog .lp-side{padding:0}
.lp-blog .lp-eyebrow{margin:0 0 .59em;font-size:1em;line-height:1;letter-spacing:.1em;color:#5f87cf}
body[data-page="home"] .lp-blog .lp-side h2{margin:0 0 .35em;font-size:2.125em;font-weight:900;line-height:1.1;letter-spacing:-.0366em;color:#0b0b42}
.lp-blog .lp-side>p{max-width:24.6em;margin:0 0 .72em;font-size:1.07em;line-height:1.32;color:#3f4f78}
.lp-blog .lp-link{gap:.45em;margin-bottom:-.45em;font-size:1.05em;font-weight:600;line-height:1.2;color:#1f6ceb}
.lp-blog .lp-link .lp-i{width:1.36em;height:1.36em}
.lp-blog .lp-post-grid{gap:0 2.5em;align-items:start}
.lp-blog .lp-post{min-height:10.5em;border-radius:1em;box-shadow:0 .15em .75em rgba(18,62,150,.09)}
.lp-blog .lp-post:hover{box-shadow:0 .25em 1.25em rgba(18,62,150,.17)}
.lp-blog .lp-post-img{aspect-ratio:auto;height:4.22em}
.lp-blog .lp-post-img em{left:.93em;top:.93em;display:flex;align-items:center;height:2.5em;padding:0 1.06em;font-size:.75em;font-weight:900;line-height:1;letter-spacing:.0556em;color:#030341;box-shadow:0 .17em .67em rgba(11,40,110,.1)}
.lp-blog .lp-post-body{display:block;padding:.64em 1.35em 0}
.lp-blog .lp-post-body b{display:block;max-width:15.4em;min-height:2.72em;font-size:1.125em;font-weight:900;line-height:1.36;letter-spacing:-.022em;color:#030341}
.lp-blog .lp-post-body small{display:block;margin-top:.55em;font-size:.825em;font-weight:500;line-height:1.3;color:#465582}
/*@@ fin blog */
/*@@ faq */
/* El tercer carril vacío deja el aire de la derecha y hace que, con el contenedor más angosto (1181-1295 px), las tres columnas escalen juntas */
.lp-faq{margin-top:calc(1.54em + 30px);grid-template-columns:minmax(0,39.6fr) minmax(0,64.3fr) minmax(0,.35fr);gap:0;align-items:start}
.lp-faq .lp-side{padding:1.68em 0 0 1.3em}
.lp-faq .lp-eyebrow{margin:0 0 .93em .1em;font-size:1em;font-weight:600;line-height:1.2;letter-spacing:.22em;color:#2f5fd0}
/* Con «body[data-page]» para ganarle a la regla general de títulos de la portada (color y espaciado) */
body[data-page="home"] .lp-faq .lp-side h2{margin:0 0 .296em -.07em;font-size:2.6em;font-weight:900;line-height:1.058;letter-spacing:-.05em;word-spacing:.06em;color:#030341}
.lp-faq .lp-side>p{margin:0;max-width:24em;font-size:1.14em;font-weight:500;line-height:1.316;color:#4f6187}
.lp-faq-list{border-radius:.75em;background:#fcfdfe;box-shadow:0 .25em 1em rgba(18,62,150,.04)}
.lp-faq details+details{border-top:1px solid #dbe7f0}
.lp-faq summary{box-sizing:border-box;min-height:2.72em;gap:1em;padding:.5em .975em .5em 1.2em;font-size:1em;line-height:1.35;color:#14183f}
.lp-faq summary>span{font-weight:700;letter-spacing:-.02em}
.lp-faq summary:hover{background:#f6f9ff}
.lp-faq summary:focus-visible{outline:2px solid var(--lp-blue);outline-offset:-2px}
.lp-faq-chev{width:1.25em;height:1.25em;stroke-width:2.5;color:#2d3256}
.lp-faq-answer{padding:0 1.26em 1.15em;font-size:.95em;line-height:1.65}
/*@@ fin faq */
/*@@ footer */
/* Pie: fondo blanco con olas azules; marca, tres columnas, boletín y línea final sobre el agua (medidas de la imagen a 1920 px: 1 em = 16 px) */
/* El pie es una banda aparte: fondo blanco, separada de la página por una línea suave, y las olas en azul */
.lp-footer{display:flex;flex-direction:column;min-height:13.73em;padding:0;background:#fff;border-top:1px solid #dfeaf5;box-shadow:0 -.5em 1.4em rgba(18,62,150,.04)}
.lp-footer::before,.lp-footer::after{display:none}
.lp-footer .lp-wrap{display:flex;flex:1;flex-direction:column}
.lp-footer-grid,.lp-footer-grid:has(.lp-footer-news){grid-template-columns:minmax(0,425fr) minmax(0,226fr) minmax(0,265fr) minmax(0,290fr) minmax(0,449fr);align-items:start;gap:0;margin:0 -.5625em 0 1.4375em;padding-top:1.58em}
.lp-footer-brand{min-width:0}
.lp-footer-logo{display:flex;align-items:center;min-height:2.05em;font-size:1em;color:#030341}
.lp-footer-logo .bl-img{display:block;width:auto;max-width:100%;height:2.05em}
.lp-footer-logo>svg{display:none}
.lp-footer-logo>span{font-size:1.9em;font-weight:900;letter-spacing:-.05em;line-height:1;color:#030341}
.lp-footer-logo b{position:relative;font-weight:900;color:#0e6af2}
.lp-footer-logo b::after{content:"";position:absolute;left:.04em;bottom:-.22em;width:2.7em;height:.3em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 8' preserveAspectRatio='none'%3E%3Cpath d='M1 6c9-5 18-5 28-1s30 4 50-2' fill='none' stroke='%236b9be8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.lp-footer-brand p{max-width:24em;margin:.73em 0 1.2em;font-size:.9em;line-height:1.42;color:#37466c;text-wrap:balance}
.lp-social{align-items:center;gap:1.4em}
.lp-social a{width:1.7em;height:1.7em;border-radius:0;color:#1a1d47}
.lp-social a:hover{background:none;color:var(--lp-blue)}
.lp-social li:has(.lp-s-instagram){order:-1}
.lp-social .lp-i{width:1.7em;height:1.7em;stroke-width:1.9}
.lp-social a.lp-s-facebook{box-sizing:border-box;width:1.5em;height:1.5em;margin:0 .1em;border:2px solid currentColor;border-radius:50%}
.lp-social .lp-s-facebook .lp-i{width:1.1em;height:1.1em}
.lp-s-youtube rect,.lp-s-linkedin rect,.lp-c-mail rect{fill:currentColor}
.lp-s-youtube path{fill:#fff;stroke:none}
.lp-s-linkedin path,.lp-c-mail path{stroke:#fff;stroke-width:2}
.lp-s-facebook path,.lp-c-phone path{fill:currentColor}
.lp-s-instagram circle:last-child{fill:currentColor}
body[data-page="home"] .lp-footer :is(.lp-footer-col,.lp-footer-news) h3{margin:0;font-size:.96em;font-weight:700;line-height:1.3;letter-spacing:-.025em;color:#030341}
.lp-footer-col ul{gap:0}
.lp-footer-col li{display:flex}
.lp-footer-col a{gap:.4em;font-size:.875em;line-height:1.543;color:#3d4b71}
.lp-footer-col a .lp-i{width:1.1em;height:1.1em;color:#1b1e4a}
.lp-c-mail .lp-i,.lp-c-phone .lp-i{stroke:none}
.lp-footer-contact ul{row-gap:.1875em}
.lp-footer-news>p{margin:0;font-size:.8em;line-height:1.5;color:#3d4b71}
.lp-footer-news form{margin-top:.86em}
.lp-footer-news form>div{height:3em;gap:.65em}
.lp-footer-news input[type=email]{height:auto;padding:0 1.3em;border:1px solid #d4dfeb;border-radius:.857em;font-size:.875em;color:#030341}
.lp-footer-news input[type=email]::placeholder{color:#8d99b0;opacity:1}
.lp-footer-news .lp-btn{flex:none;width:10em;min-height:0;height:auto;padding:0;border:0;border-radius:.833em;background:linear-gradient(180deg,#0470fd,#0366f6);box-shadow:none;font-size:.9em}
.lp-news-status{min-height:0;margin-top:.5em;font-size:.8em}
.lp-news-status:empty{margin:0}
.lp-footer-base{margin:auto 1.12em 0 1.843em;padding:1.2em 0 .93em;font-size:.78em;line-height:1.3;color:#374e6e;text-shadow:none}
.lp-heart{position:relative;top:-.14em;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.9))}
.lp-heart .lp-i{width:2.15em;height:2.15em;margin:-.55em -.5em;color:#dc2832}
.lp-footer-wave{height:3.7em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 30C120 6 240 6 360 30S600 54 720 30 960 6 1080 30 1320 54 1440 30V80H0Z' fill='%23d6edfc'/%3E%3Cpath d='M0 44C140 22 260 22 400 44S680 66 820 44 1100 22 1240 44 1400 56 1440 48V80H0Z' fill='%23b5def9'/%3E%3Cpath d='M0 58C120 40 280 40 420 58S700 76 840 58 1120 40 1260 58 1400 66 1440 60V80H0Z' fill='%238fcdf5'/%3E%3C/svg%3E") 0 100%/100% 100% no-repeat}
/*@@ fin footer */
/*@@ fondo */
/* Fondo de la portada: degradado muy claro y, por franja (como en la imagen del dueño), imágenes de hojas a la izquierda y de piscina a la derecha, tal cual y sin efectos.
Cada franja (.lp-band) es una envoltura de varias secciones y lleva su imagen anclada abajo-izquierda (o abajo-derecha): la caja de la imagen tiene el alto de la franja y un ancho fijo en em, y la imagen se pinta a todo ese ancho anclada abajo (alto = 3 × ancho, nunca deformada),
así que si la franja es más baja se recorta el cielo de arriba y si es más alta queda cielo liso arriba (sin depender de aspect-ratio: algunos navegadores lo calculan distinto y la caja se pasaba hacia abajo); el corte de abajo coincide con el cambio de franja (y de fondo), no con mitad de una sección.
A: «Cómo funciona» + «Todo lo que puedes hacer» (hojas portada-lado-izq y piscina portada-lado-der); B: «Panel inteligente» (hojas portada-lado-izq-2); servicios: banda blanca aparte;
C: planes + opiniones (hojas portada-lado-izq); D: blog + preguntas frecuentes (hojas portada-lado-izq-2). Van detrás del contenido y no capturan clics. */
.lp-flow{position:relative;isolation:isolate;padding-bottom:0;background:linear-gradient(180deg,#eef7fe 0.0em,#f4fafd 3.21em,#fafcfe 6.29em,#f9fcfe 43.51em,#f4fafd 44.79em,#f6fbfd 66.1em,#f8fbfd 69.18em,#fcfdfe 69.95em,#fcfdfe 86.38em,#f4fafe 87.4em,#eff8fe 89.71em,#f0f9fd 92.79em,#f9fcfd 98.95em,#f8fbfd 111.02em,#f4fafd 117.43em,#f2f9fe 150.8em)}
.lp-band{display:flow-root;position:relative}
.lp-band::before,.lp-band--a::after{content:"";position:absolute;top:0;bottom:0;z-index:-2;pointer-events:none;background-repeat:no-repeat;background-size:100% auto;background-position:0 100%}
.lp-band--a{padding-bottom:calc(2.6em + 20px)}
.lp-band--a::before{left:0;width:15em;background-image:url(/assets/portada-lado-izq.webp)}
.lp-band--a::after{right:0;width:15em;background-image:url(/assets/portada-lado-der.webp);background-position:100% 100%}
.lp-band--b{padding-bottom:1.35em}
.lp-band--b::before{left:0;width:10.5em;background-image:url(/assets/portada-lado-izq-2.webp)}
.lp-band--c{margin-top:2.05em;padding-bottom:2em}
.lp-band--c::before{left:0;width:14.2em;background-image:url(/assets/portada-lado-izq.webp)}
.lp-band--d{padding-bottom:2.05em}
.lp-band--d::before{left:0;width:9em;background-image:url(/assets/portada-lado-izq-2.webp)}
.lp-footer::before,.lp-footer::after{content:none}
/*@@ fin fondo */
}