:root{--bg:#f4faff;--surface:#fff;--ink:#12324a;--muted:#5d7485;--primary:#168ac0;--primary-dark:#0b638f;--line:#d4e6ef;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{max-width:820px;margin-left:auto;margin-right:auto}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(20px,calc((100vw - var(--max))/2));background:rgba(244,250,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand img{display:block;max-width:190px;max-height:58px;width:auto;height:auto}.main-nav{display:flex;gap:28px}.main-nav a{color:var(--ink);text-decoration:none;font-weight:650;font-size:.95rem}.main-nav a:hover{color:var(--primary)}.nav-toggle{display:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 12px}.hero{min-height:76vh;display:grid;align-items:center;background:radial-gradient(circle at 85% 20%,#c9ebfa 0,transparent 34%),linear-gradient(135deg,#dff3fc 0%,#f4faff 62%,#e8f7fd 100%);border-bottom:1px solid var(--line)}.hero-content{padding:100px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:var(--primary);margin:0 0 14px}.hero h1{max-width:900px;margin:0;font-size:clamp(3rem,7vw,6.2rem);line-height:.95;letter-spacing:-.065em}.hero-copy{max-width:760px;font-size:1.18rem;color:var(--muted);margin:30px 0}.button{display:inline-block;background:var(--primary);color:white;text-decoration:none;font-weight:800;padding:14px 22px;border-radius:999px;box-shadow:0 8px 24px rgba(22,138,192,.2)}.button:hover{background:var(--primary-dark)}.section{padding:110px 0}.section-alt{background:#e6f5fc}.section h2{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;letter-spacing:-.05em;margin:0 0 45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;min-height:220px;box-shadow:0 8px 30px rgba(26,92,122,.06)}.card h3{font-size:1.4rem;margin:0 0 12px}.card p,.section p{color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);background:#fff}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.intro-image{width:100%;border-radius:28px;display:block;box-shadow:0 20px 50px rgba(18,65,90,.12)}@media(max-width:760px){.container{width:min(calc(100% - 28px),var(--max))}.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:14px;right:14px;top:70px;padding:18px;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px}.main-nav.is-open{display:flex}.hero-content{padding:80px 0}.hero h1{font-size:clamp(3rem,15vw,5rem)}.cards,.intro-grid{grid-template-columns:1fr}.section{padding:78px 0}.brand img{max-width:160px;max-height:50px}}

.page-hero{padding:110px 0 90px;background:linear-gradient(135deg,#dff3fc 0%,#f4faff 65%,#e8f7fd 100%);border-bottom:1px solid var(--line)}.page-hero h1{margin:0 0 22px;font-size:clamp(3.4rem,8vw,6.5rem);line-height:.92;letter-spacing:-.06em}.page-hero>div>p:last-child{max-width:760px;margin:0;color:var(--muted);font-size:1.2rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 30px rgba(26,92,122,.07);transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(26,92,122,.12)}.service-card img{display:block;width:100%;height:220px;object-fit:cover}.service-card>div{padding:25px}.service-card h3{margin:0 0 10px;font-size:1.35rem}.service-card p{margin:0;color:var(--muted)}.service-cta{text-align:center}.service-cta .button{margin-top:8px}@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.service-grid{grid-template-columns:1fr}.page-hero{padding:80px 0 65px}.service-card img{height:230px}}


/* Botón flotante de contacto por WhatsApp */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:1000;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:999px;background:#20b85a;color:#fff;text-decoration:none;font-weight:800;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:transform .2s ease,background .2s ease;}
.whatsapp-float:hover{background:#159447;transform:translateY(-2px)}
.whatsapp-float:focus-visible{outline:3px solid #12324a;outline-offset:4px}
.whatsapp-float svg{display:block;width:25px;height:25px;fill:currentColor;flex-shrink:0}
@media(max-width:600px){.whatsapp-float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:13px 16px;gap:7px;font-size:.92rem}.whatsapp-float svg{width:24px;height:24px}}


/* Footer y acceso a Instagram */
.footer-content{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-content p{margin:0}
.instagram-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-dark);font-weight:750;text-decoration:none}
.instagram-link:hover{color:var(--primary);text-decoration:underline}
.instagram-link svg{width:23px;height:23px;display:block}
.instagram-link:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}
@media(max-width:480px){.footer-content{justify-content:center;text-align:center;flex-direction:column;gap:10px}}