/* Ajustes visuales aprobados. Solo navbar, inicio y servicios.
   Se conservan los IDs, clases, controles y scripts originales. */
#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#f0f7fd;backdrop-filter:blur(16px);transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}
#navbar.sn-over-blue{background:#fff}
#inicio{padding:145px 0 105px;background:#eef5fb;overflow:hidden}
#inicio .hero-bg{background:#eef5fb}
#inicio .hero-bg::before,#inicio .hero-bg::after{opacity:.2}
#inicio .hero-bg canvas{opacity:.25}
#inicio > .absolute{opacity:.2}
#inicio > .relative.z-10{grid-template-columns:.85fr 1.15fr;gap:55px;max-width:1200px;align-items:center}
#inicio > .relative.z-10 > div:first-child{order:0}
#inicio .hero-title{font-family:'DM Serif Display',Georgia,serif;font-size:76px;font-weight:400;line-height:1.02;letter-spacing:-1.8px;margin-bottom:26px;color:#0b1f3f}
#inicio .hero-title .text-brand-teal{color:#0cc8aa}
#inicio .hero-subtitle{font-size:17px;line-height:1.85;margin-bottom:25px;max-width:370px;min-height:126px}
/* Ocultar las acciones pedidas sin quitar los nodos ni sus handlers. */
#inicio .flex.flex-wrap.gap-4{display:none}
#inicio .flex.flex-wrap.gap-6{gap:13px;font-size:11px}
#inicio .flex.flex-wrap.gap-6 > div{font-size:11px;gap:5px}
#inicio .flex.flex-wrap.gap-6 > div > span{width:24px;height:24px}
#inicio .hero-particle{width:5px!important;height:5px!important;opacity:.3;box-shadow:none}
#inicio > .relative.z-10 > div:last-child{order:1;position:relative;isolation:isolate;transform:scale(1.035)}
#inicio > .relative.z-10 > div:last-child > .absolute{display:none}
#inicio > .relative.z-10 > div:last-child::before{content:'';position:absolute;inset:-45px -15px -35px -5px;background:#a9cfe9;border-radius:43% 57% 62% 38% / 60% 43% 57% 40%;transform:rotate(-11deg);z-index:-2;box-shadow:inset -18px -22px 45px #689ccb25,inset 12px 12px 30px #ffffff66}
#inicio > .relative.z-10 > div:last-child::after{content:'';position:absolute;inset:5px -4px -9px -20px;background:#d6e9f8;border:1px solid #fff;border-radius:43px;transform:rotate(5deg);z-index:-1;box-shadow:12px 18px 26px #3d789b12}
#inicio #hero-carousel{aspect-ratio:1.72;max-width:none;border-radius:76px 28px 82px 26px;transform:rotate(-3deg)!important;box-shadow:0 28px 40px -12px #235a8266,0 3px 4px #fff8;background:transparent;clip-path:none!important}
#inicio #hero-carousel .slide img{object-fit:cover}
#inicio #hero-carousel .slide > .absolute{display:none}
#inicio #hero-carousel > div:not(.slide){display:none}
#servicios{background:linear-gradient(90deg,#5ba4e0,#4090cc)!important;isolation:isolate}
#servicios > .wave-divider.top{height:42px;z-index:3;pointer-events:none}
#servicios > .wave-divider.bottom{z-index:3;pointer-events:none}
#servicios .sn-approved-ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#servicios > .relative.z-10{max-width:1200px;padding-top:80px;padding-bottom:95px}
#servicios .text-center.max-w-3xl{transform:none!important;margin-bottom:48px}
#servicios .text-center.max-w-3xl h2{font-size:42px;line-height:1.2}
#servicios .text-center.max-w-3xl > p:last-child{font-size:15px}
/* Las formas llegan hasta la onda; el SVG superior las recorta con la misma curva. */
/* Los transforms quedan a cargo del parallax GSAP original (data-speed). */
#servicios .fx-stagger{align-items:stretch;grid-auto-rows:1fr;gap:22px}
#servicios .service-card{display:flex;flex-direction:column;align-items:center;height:100%;min-width:0;border-radius:52px 22px 22px 22px;padding:26px 22px;border:1px solid #fff;box-shadow:0 22px 25px -14px #20598066,0 6px 0 #dfedf5}
#servicios .service-card:hover{box-shadow:0 30px 30px -14px #20598070,0 6px 0 #dfedf5}
#servicios .service-card > div:first-child{width:104px;height:104px;flex-shrink:0;margin-bottom:16px}
#servicios .service-card > div:first-child svg{width:100%;height:100%}
#servicios .service-card h4{min-height:42px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.5;margin-bottom:10px}
#servicios .service-card p{font-size:12px;line-height:1.8;margin-bottom:22px}
#servicios .service-card > span:last-child{margin-top:auto;font-size:12px}
@media(max-width:1023px){#inicio{padding-top:115px}#inicio > .relative.z-10{grid-template-columns:1fr 1.15fr;gap:35px}#inicio .hero-title{font-size:60px}#inicio .hero-subtitle{font-size:15px}#servicios .fx-stagger{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){#inicio{padding:105px 24px 80px}#inicio > .relative.z-10{display:flex;flex-direction:column;gap:45px;padding:0}#inicio > .relative.z-10 > div{width:100%}#inicio .hero-title{font-size:53px;line-height:1.05}#inicio .hero-subtitle{font-size:15px;min-height:0;max-width:none}#inicio > .relative.z-10 > div:last-child{width:94%;transform:none}#inicio #hero-carousel{border-radius:48px 18px 48px 18px;aspect-ratio:1.65}#inicio > .relative.z-10 > div:last-child::before{inset:-25px -9px -22px -3px}#inicio > .relative.z-10 > div:last-child::after{inset:0 -2px -6px -12px;border-radius:30px}#servicios > .wave-divider.top{height:30px}#servicios > .relative.z-10{padding:65px 20px 80px}#servicios .text-center.max-w-3xl h2{font-size:31px}#servicios .text-center.max-w-3xl > p:last-child{font-size:13px}#servicios .fx-stagger{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}#servicios .service-card{padding:20px 12px;border-radius:38px 18px 18px 18px}#servicios .service-card > div:first-child{width:85px;height:85px}#servicios .service-card h4{font-size:11px;min-height:40px}#servicios .service-card p{font-size:11px;line-height:1.8}#servicios .service-card > span:last-child{font-size:11px}#servicios .fx-stagger > .service-card:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 12px)/2);justify-self:center}}
@media(max-width:360px){#inicio .hero-title{font-size:47px}#servicios .service-card{padding-left:10px;padding-right:10px}#servicios .service-card h4{font-size:10px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){#inicio .hero-particle{animation:none}#servicios .service-card{transition:none}}
@media(prefers-reduced-motion:reduce){#navbar{transition:none}}