:root{--navy:#061a2c;--gold:#d9b66a;--paper:#fff;--green:#128c47;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif}a{color:inherit}img{display:block;max-width:100%;height:auto}.skip{position:absolute;left:12px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:12px}
.portada{position:relative;min-height:316px;background:var(--navy) url('assets/cabecera.png') center/cover no-repeat;color:#fff;display:grid;place-items:center;text-align:center}.marca{position:absolute;top:0;left:16px;display:flex;align-items:center;gap:12px;text-decoration:none;height:56px;font-size:20px;letter-spacing:1px;text-shadow:0 1px 5px #000}.marca img{width:48px;height:48px;object-fit:contain}.portada-texto{padding:76px 24px 40px;max-width:1050px;text-shadow:0 2px 12px #000}.portada h1{font:600 clamp(30px,4vw,52px) Georgia,'Times New Roman',serif;letter-spacing:2px;margin:0 0 24px}.portada p{font-size:clamp(11px,1.25vw,17px);line-height:1.6;margin:0;letter-spacing:.7px}
main{width:85%;max-width:1280px;margin:auto}.lamina{position:relative;margin:48px 0}.lamina>img{width:100%;height:auto}.servicios h2{font-size:clamp(12px,1.4vw,20px);font-weight:600;text-align:center;margin:0 0 32px;letter-spacing:.5px}.planes .desde{position:absolute;top:23%;transform:translateX(-50%);border:1px solid #dbb468;border-radius:30px;background:rgba(6,26,44,.95);color:#f6e0ae;font-size:clamp(8px,1.2vw,16px);font-weight:700;padding:.32em .8em;white-space:nowrap;box-shadow:0 2px 7px #0004}.desde-1{left:17.5%}.desde-2{left:50%}.desde-3{left:82.5%}
.contacto-real{position:absolute;left:61.5%;top:64.9%;width:35%;height:10.8%;border-radius:999px;border:2px solid #f1cf87;display:flex;align-items:center;justify-content:space-evenly;gap:6px;padding:0 3%;background:linear-gradient(115deg,#fbe2a1 0%,#d29a40 48%,#f6d087 72%,#b47b30 100%);color:#091b2c;text-decoration:none;box-shadow:0 3px 12px #0005;transition:transform .18s,filter .18s,box-shadow .18s;font-size:clamp(9px,1.6vw,22px);font-weight:800;line-height:1.1;text-align:center}.contacto-real svg{height:55%;width:13%;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}.contacto-real small{display:block;font-size:.53em;letter-spacing:.5px;margin-top:3px}.contacto-real b{font-size:1.5em;font-weight:500}.contacto-real:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 7px 20px #0007}.contacto-real:active{transform:translateY(0) scale(.98)}
footer{padding:32px max(24px,7.5%) 100px;background:linear-gradient(135deg,#061a2c,#03101e);border-top:1px solid #b18d46;color:#e5c98e;text-align:center}.footer-texto{font-size:14px;line-height:1.5}.footer-texto strong{letter-spacing:2px}.footer-texto p{margin:8px 0}.footer-texto a{display:inline-block;font-size:12px;text-underline-offset:4px;margin-top:6px}.firma{width:100%;max-width:1280px;margin:28px auto 0}
.whatsapp{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:10;display:flex;gap:11px;align-items:center;border:1px solid #77c99c;border-radius:50px;padding:12px 21px 12px 14px;background:var(--green);color:white;text-decoration:none;box-shadow:0 5px 23px #00152655;transition:background .18s,transform .18s,box-shadow .18s}.whatsapp svg{width:33px;height:33px;fill:currentColor;flex-shrink:0}.whatsapp span{font-size:11px;line-height:1.35}.whatsapp strong{display:block;font-size:17px}.whatsapp:hover{background:#087337;transform:translateY(-3px);box-shadow:0 8px 26px #00152677}.whatsapp:active{transform:scale(.97)}a:focus-visible{outline:3px solid #e4b45f;outline-offset:5px}
@media(min-width:1600px){.portada{min-height:360px}}
@media(max-width:600px){main{width:92%}.lamina{margin:22px 0}.portada{min-height:185px}.marca{height:38px;font-size:12px;left:10px;gap:7px}.marca img{width:30px;height:30px}.portada-texto{padding:50px 12px 25px}.portada h1{font-size:25px;margin-bottom:13px}.portada p{font-size:9px;letter-spacing:.2px;max-width:320px}.servicios h2{font-size:10px;margin-bottom:18px}.planes .desde{font-size:7px;border-width:.5px;padding:.3em .6em}.contacto-real{font-size:8px;border-width:1px;gap:3px;padding:0 2%}.contacto-real small{font-size:5px;letter-spacing:0;margin-top:1px}.contacto-real b{font-size:13px}.whatsapp{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:10px 15px 10px 11px;gap:8px}.whatsapp svg{width:27px;height:27px}.whatsapp strong{font-size:15px}.whatsapp span{font-size:9px}footer{padding:25px 4% 96px}.footer-texto{font-size:11px}.firma{margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.presentacion{position:sticky;top:0;z-index:9;background:linear-gradient(110deg,#061a2c,#0b263e);border-block:1px solid #b18d4666;box-shadow:0 3px 14px #0002;color:#efdab0}.presentacion-inner{max-width:1280px;width:85%;margin:auto;min-height:70px;padding:10px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.escuchar{display:flex;align-items:center;gap:10px;flex-shrink:0;border:1px solid #ebca83;border-radius:30px;padding:12px 20px;background:linear-gradient(115deg,#f6dda4,#c69a4b,#f1d18c);color:#071c2e;font:700 14px Arial,Helvetica,sans-serif;cursor:pointer;transition:filter .18s,transform .18s}.escuchar:hover{filter:brightness(1.12);transform:translateY(-1px)}.escuchar:focus-visible{outline:3px solid white;outline-offset:4px}.audio-frase{font-size:13px;line-height:1.4}.presentacion audio{width:320px;max-width:100%;height:42px;color-scheme:light}.audio-estado{font-size:12px;margin:0;width:100%;color:#f9dfaa}.audio-estado:empty{display:none}.presentacion [hidden]{display:none!important}
@media(max-width:600px){.presentacion-inner{width:92%;gap:8px 12px;min-height:58px;padding:8px 0}.escuchar{font-size:12px;padding:10px 14px}.audio-frase{font-size:10px;flex:1;min-width:95px}.presentacion audio{width:100%;height:40px}.audio-estado{font-size:11px}}
