:root{--marino:#15246B;--azul:#1D4ED8;--turquesa:#0EA5B7;--fondo:#F3F6FB;--texto:#526080;--linea:#DFE5EF;font-family:Quicksand,system-ui,sans-serif;color:var(--marino);background:var(--fondo);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%;object-fit:cover}a{color:inherit}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--turquesa);outline-offset:5px}h1,h2,h3{text-wrap:balance}p{line-height:1.6}.ancho{width:calc(100% - 40px);max-width:1160px;margin-inline:auto}.seccion{padding-block:58px}.etiqueta{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--azul);margin-bottom:17px}.punto{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--turquesa);margin-right:5px}.nota{font-size:12px;color:var(--texto)}h2{font-size:34px;line-height:1.13;letter-spacing:-1.2px}h3{font-size:17px;line-height:1.35}.boton{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--azul);color:white;text-decoration:none;min-height:52px;padding:14px 23px;border-radius:100px;font-size:14px;font-weight:700;box-shadow:0 6px 18px #1d4ed81a}.boton:hover{background:var(--marino)}.boton span{font-size:20px}.boton.pequeño{min-height:44px;padding:10px 16px;font-size:12px;gap:12px;box-shadow:none}.saltar{position:fixed;top:-100px;left:20px;z-index:5;background:white;padding:14px}.saltar:focus{top:10px}.barra{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:16px}.logo{width:100px;height:auto;object-fit:contain}.barra nav{display:flex;align-items:center;gap:28px}.nav-lugares{display:none;text-decoration:none;font-size:14px;font-weight:700}
/* Portada: el ancho del teléfono siempre depende de su contenedor. */
.portada{display:grid;gap:32px;padding-block:30px 34px}.portada h1{font-size:clamp(46px,12.4vw,62px);line-height:1.04;letter-spacing:-2.8px}.portada h1 span{color:var(--turquesa)}.bajada{color:var(--texto);font-size:16px;max-width:360px;margin:22px 0}.portada .nota{margin-top:16px}.portada-visual{position:relative;height:390px;border-radius:32px;background:#b4d9df;isolation:isolate}.foto-portada{height:100%;width:100%;border-radius:32px;object-position:40% center}.portada-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#071b3026,transparent 45%,#071b306b);border-radius:32px;z-index:0}.postal{position:absolute;left:22px;top:22px;max-width:170px;color:white;font-weight:700;font-size:18px;line-height:1.35;z-index:1;text-shadow:0 1px 10px #0008}.captura{position:absolute;width:46%;max-width:170px;right:18px;top:84px;transform:rotate(7deg);z-index:1;border:5px solid #15246b;background:var(--marino);border-radius:23px;box-shadow:0 18px 40px #0a1e4c38}.captura img{width:100%;height:auto;border-radius:17px;aspect-ratio:540/968}.captura figcaption{position:absolute;bottom:14px;left:8px;right:8px;background:#fffef9;color:var(--marino);border-radius:12px;padding:7px;text-align:center;font-size:9px;font-weight:700}.ubicacion{position:absolute;left:20px;bottom:21px;color:white;z-index:1;font-size:12px;font-weight:700;max-width:125px;line-height:1.6}.ubicacion span{display:block;font-size:25px}.cifras{display:flex;justify-content:space-between;border-bottom:1px solid var(--linea);padding:4px 4px 30px;gap:12px}.cifras p{font-size:12px;color:var(--texto)}.cifras strong{display:block;font-size:27px;color:var(--marino);letter-spacing:-1px}
/* La secuencia es decorativa; los cuatro pasos quedan disponibles como texto. */
.como{display:grid;gap:36px}.como-texto>p:not(.etiqueta){margin-top:18px;color:var(--texto);font-size:14px}.pasos{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:22px}.pasos li{display:flex;gap:15px;align-items:center}.pasos li>span{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #d5dfef;border-radius:50%;font-size:12px;font-weight:700}.pasos p{font-size:13px;color:var(--texto);margin-top:3px}.demo-area{background:#e2edf5;border-radius:36px;padding:30px 12px 18px;display:grid;justify-items:center;background-image:radial-gradient(ellipse at 50% 40%,#b9e2e5,transparent 65%)}.demo{position:relative;width:280px;height:528px;max-width:100%;padding:7px;background:var(--marino);border-radius:39px;box-shadow:0 22px 38px #15246b25}.isla{position:absolute;z-index:5;top:13px;left:50%;transform:translateX(-50%);width:72px;height:15px;border-radius:20px;background:var(--marino)}.pantalla{height:100%;position:relative;overflow:hidden;border-radius:32px;background:var(--fondo);padding:34px 14px 0}.demo-cabecera{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:18px}.demo-cabecera img{object-fit:contain}.pantalla>h3{font-size:21px;letter-spacing:-.8px}.seleccion{display:flex;gap:7px;margin-top:15px}.chip{font-size:11px;border-radius:24px;background:white;border:1px solid var(--linea);padding:9px 12px;font-weight:700}.corvina{animation:elegir 16s infinite}.corvina span{margin-left:6px}.mapa-dibujo{position:absolute;top:160px;left:0;right:0;bottom:52px;background:#b5dce4;overflow:hidden}.costa{width:100%;height:100%}.mar{position:absolute;top:110px;left:20px;color:#37667b;font-size:11px;font-weight:600;line-height:1.7;letter-spacing:1px}.pez{position:absolute;display:grid;place-items:center;background:white;border-radius:50%;width:44px;height:44px;box-shadow:0 4px 10px #15246b20;animation:peces 16s infinite;font-size:0}.pez svg{width:29px;height:22px;fill:var(--azul)}.pez-uno{left:119px;top:38px}.pez-dos{left:147px;top:129px;animation-delay:.25s}.pez-dos svg{fill:#0b8292}.pez-tres{left:94px;top:220px;animation-delay:.5s}.pez-tres svg{fill:#b9682a}.mapa-lugar{position:absolute;top:180px;left:148px;font-size:10px;font-weight:700;animation:peces 16s infinite}.toque{position:absolute;left:149px;top:133px;border:3px solid var(--azul);border-radius:50%;width:40px;height:40px;animation:toque 16s infinite;opacity:0}.ficha-demo{position:absolute;inset:172px 10px 62px;border-radius:23px;background:white;overflow:hidden;box-shadow:0 6px 30px #15246b25;animation:ficha 16s infinite;opacity:0}.ficha-demo>img{width:100%;height:126px}.ficha-texto{padding:13px}.micro{text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--texto)}.ficha-texto h3{margin:3px 0 5px;font-size:22px}.ficha-texto p{font-size:11px}.veda{display:flex;align-items:center;gap:6px;color:#a62a35;font-size:12px;font-weight:700;margin-top:12px}.veda i{width:8px;height:8px;border-radius:50%;background:#d43848}.ficha-texto small{display:block;font-size:9px;line-height:1.5;margin-top:5px;color:var(--texto)}.salida-demo{position:absolute;inset:82px 10px 61px;border-radius:22px;padding:17px;background:white;box-shadow:0 6px 30px #15246b20;animation:salida 16s infinite;opacity:0}.salida-demo h3{margin:8px 0 15px;font-size:21px}.salida-demo img{width:100%;height:170px;border-radius:15px}.salida-demo p{font-size:12px;font-weight:700;margin-top:12px}.salida-demo p span{font-weight:500;color:var(--texto)}.guardado{background:#e2f5ed;color:#176849;border-radius:12px;text-align:center;padding:10px;font-size:12px;font-weight:700;margin-top:13px}.salida-demo small{display:block;text-align:center;font-size:10px;margin-top:8px;color:var(--texto)}.demo-pie{position:absolute;left:0;right:0;bottom:0;height:53px;background:white;display:flex;align-items:center;justify-content:space-around;color:var(--texto);font-size:9px;text-align:center;line-height:1.8;border-top:1px solid var(--linea)}.demo-controles{text-align:center;padding-top:19px}.demo-controles p{font-size:11px;color:var(--texto)}.demo-controles button{display:inline-block;min-height:44px;border:0;background:transparent;color:var(--marino);text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:12px;font-weight:700}.demo-controles button[hidden]{display:none}.en-pausa .demo *{animation-play-state:paused!important}
@keyframes elegir{0%,7%,95%,100%{background:white;color:var(--marino)}12%,90%{background:var(--azul);color:white}}
@keyframes peces{0%,17%,94%,100%{opacity:0;transform:translateY(7px) scale(.8)}23%,89%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toque{0%,32%,43%,100%{opacity:0;transform:scale(.8)}35%{opacity:1;transform:scale(1)}41%{opacity:0;transform:scale(1.7)}}
@keyframes ficha{0%,41%,93%,100%{opacity:0;transform:translateY(25px)}46%,68%{opacity:1;transform:translateY(0)}73%,92%{opacity:0;transform:translateY(0)}}
@keyframes salida{0%,69%,96%,100%{opacity:0;transform:translateY(20px)}75%,91%{opacity:1;transform:translateY(0)}}
.cabecera-seccion{display:grid;gap:16px;margin-bottom:26px}.cabecera-seccion>p,.especies>div>p:not(.etiqueta){font-size:14px;color:var(--texto)}.tarjetas{display:grid;gap:18px}.lugar{position:relative;isolation:isolate;aspect-ratio:1.08;border-radius:28px;overflow:hidden;background:#c4dce1}.lugar>img{width:100%;height:100%}.lugar:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0002,transparent 40%,#081b39c9)}.sello{position:absolute;left:20px;top:20px;z-index:1;background:#ffffffed;padding:8px 13px;border-radius:22px;font-size:11px;font-weight:700}.lugar figcaption{position:absolute;left:25px;bottom:24px;z-index:1;color:white}.lugar figcaption>span{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:600}.lugar h3{font-size:30px;margin-top:4px}.especies{border-top:1px solid var(--linea);display:grid;gap:30px}.especies h2{margin-bottom:14px}.peces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.peces figure{text-align:center;min-width:0}.peces img{border-radius:50%;width:108px;height:108px;margin:0 auto 12px;border:5px solid white;box-shadow:0 4px 20px #15246b0c}.peces figcaption{font-weight:700;font-size:12px}.planes{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--marino);color:white;border-radius:27px;padding:26px 20px}.planes p{font-size:17px}.planes>span{color:#67dee2}.comunidad{text-align:center}.comunidad h2{max-width:600px;margin:auto}.valores{display:grid;gap:25px;margin:35px 0 24px}.valores>div{display:flex;align-items:center;gap:18px;text-align:left;max-width:260px;width:100%;margin:auto}.valores svg{width:50px;height:50px;flex-shrink:0;border-radius:17px;background:#e4edf8;padding:11px;fill:none;stroke:var(--azul);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.valores h3{font-size:15px}.pie{border-top:1px solid var(--linea);padding-block:30px}.pie-marca{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.pie-marca img{object-fit:contain}.pie-marca p{width:100%;order:2;font-size:14px;color:var(--texto)}.pie-marca a{font-size:12px;min-height:44px;display:flex;align-items:center}.pie details{border-top:1px solid var(--linea);font-size:12px;color:var(--texto)}summary{padding-block:17px;min-height:48px;cursor:pointer;font-weight:700;color:var(--marino)}.creditos{line-height:1.9;padding-bottom:20px;max-width:850px}.creditos p+p{margin-top:10px}.creditos ul{padding-left:20px}.creditos li{margin:8px 0}.creditos a{text-underline-offset:3px;overflow-wrap:anywhere}.firma{font-size:11px;margin-top:24px;color:var(--texto)}
@media(min-width:600px){.ancho{width:calc(100% - 64px)}.nav-lugares{display:block}.portada-visual{height:480px}.captura{right:45px;top:64px;max-width:220px}.postal{font-size:24px;max-width:230px;left:30px;top:30px}.ubicacion{max-width:200px;font-size:14px;left:30px;bottom:30px}.cifras{justify-content:center;gap:85px}.cifras strong{display:inline;margin-right:8px}.tarjetas{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lugar{aspect-ratio:.7}.lugar h3{font-size:22px}.lugar figcaption{left:17px;bottom:20px}.sello{left:13px;top:15px;font-size:10px}.peces{grid-template-columns:repeat(4,minmax(0,1fr))}.planes{flex-direction:row;gap:35px}.valores{grid-template-columns:repeat(3,minmax(0,1fr))}.valores>div{flex-direction:column;text-align:center}.pie-marca p{width:auto;order:0}.como{grid-template-columns:1fr 1fr;align-items:center;gap:25px}.demo-area{padding-inline:12px}.demo{width:268px}.seccion{padding-block:75px}}
@media(min-width:1000px){.barra{min-height:108px}.logo{width:115px}.portada{grid-template-columns:1fr 1.1fr;align-items:center;gap:50px;padding-block:35px 55px}.portada h1{font-size:76px;letter-spacing:-4px}.bajada{font-size:18px;margin-block:26px;max-width:380px}.portada-visual{height:560px;border-radius:40px}.foto-portada,.portada-visual:after{border-radius:40px}.captura{top:112px;right:28px;width:44%;border-width:6px;border-radius:28px}.captura img{border-radius:21px}.captura figcaption{font-size:11px}.ubicacion{bottom:32px}.postal{max-width:240px;font-size:28px}.cifras{gap:100px;padding-bottom:36px}.cifras p{font-size:14px}.cifras strong{font-size:32px}.seccion{padding-block:92px}h2{font-size:46px;letter-spacing:-1.8px}.como{grid-template-columns:1fr 1fr;gap:80px;padding-inline:65px}.como-texto>p:not(.etiqueta){font-size:16px}.pasos{gap:26px;margin-top:32px}.demo-area{padding:35px 20px 20px}.demo{width:280px}.cabecera-seccion{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.tarjetas{gap:24px}.lugar{aspect-ratio:.86}.lugar h3{font-size:32px}.lugar figcaption{left:27px;bottom:28px}.sello{left:24px;top:24px;font-size:11px}.especies{grid-template-columns:.9fr 1.2fr;align-items:center;gap:50px}.peces{gap:20px}.peces img{width:110px;height:110px}.especies h2{font-size:37px}.planes{padding:30px;gap:55px}.planes p{font-size:23px}.valores{max-width:820px;margin:45px auto 28px}.valores>div{flex-direction:row;text-align:left;gap:15px}.pie{padding-block:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.corvina{background:var(--azul);color:white}.pez,.mapa-lugar{opacity:1;transform:none}.toque,.salida-demo{display:none}.ficha-demo{opacity:1;transform:none}.demo-controles button{display:none}}