/* IGMED Connect premium V2 — additive enhancement without framework dependency */
:root{--wa-green:#25D366;--glow-teal:#27ced4}
body{background:linear-gradient(180deg,#fff 0%,#f8fbff 55%,#fff 100%)}
.site-header{box-shadow:0 12px 42px rgba(6,28,53,.07)}
.site-nav a,.nav-dropdown summary{transition:background .25s,color .25s,transform .25s}
.site-nav>a:hover,.nav-dropdown>summary:hover{transform:translateY(-1px)}
.section-head h2{max-width:770px;text-wrap:balance}
.visual-card,.info-card,.pillar,.gallery-grid figure{transition:transform .32s cubic-bezier(.18,.75,.2,1),box-shadow .32s ease,border-color .32s ease}
.visual-card:hover,.info-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(8,42,73,.16)}
.visual-card img,.pillar img{transition:transform .7s cubic-bezier(.18,.75,.2,1)}
.visual-card:hover img,.pillar:hover img{transform:scale(1.045)}
.btn--gold{background:linear-gradient(125deg,#f9e49d,#dfae38 72%,#f6d16c);box-shadow:0 13px 30px rgba(213,164,65,.24)}
.btn--gold:hover{background:linear-gradient(125deg,#ffeaa7,#e4af30 72%,#f7d66f)}
.announcement{position:relative}.announcement__inner>span{gap:8px}
.hero{background:radial-gradient(circle at 25% 12%,#176482 0%,#082a49 39%,#041a31 100%)}
.hero__image-wrap{isolation:isolate}
.hero-showcase{position:absolute;inset:0;background:#0b3553}
.hero-showcase__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s ease;overflow:hidden}
.hero-showcase__slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-showcase__img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform 6s ease}
.hero-showcase__slide.is-active .hero-showcase__img{transform:scale(1.085)}
.hero-showcase__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,19,38,.76) 0%,rgba(1,19,38,.08) 47%,rgba(1,19,38,0) 80%)}
.hero-showcase__caption{position:absolute;z-index:2;inset-inline:25px;bottom:93px;color:#fff;font-size:clamp(1.02rem,2vw,1.34rem);font-weight:800;text-shadow:0 3px 15px #0019;max-width:80%;line-height:1.25}
.hero-showcase__controls{position:absolute;z-index:8;inset-inline:16px;bottom:20px;display:flex;align-items:center;gap:10px}
.carousel-btn,.media-arrow{appearance:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);color:white;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:50%;width:40px;height:40px;flex:0 0 40px;transition:transform .2s,background .2s}
.carousel-btn:hover{background:rgba(255,255,255,.34);transform:translateY(-2px)}
.carousel-btn .ico,.media-arrow .ico{width:19px;height:19px}
[data-hero-prev] .ico{transform:rotate(90deg)}[data-hero-next] .ico{transform:rotate(-90deg)}
.carousel-pause{margin-inline-start:auto;font-weight:900;font-size:16px}
.hero-showcase__dots{display:flex;gap:8px;align-items:center;margin-inline:auto}
.hero-dot{border:0;width:9px;height:9px;border-radius:10px;background:rgba(255,255,255,.6);padding:0;transition:width .3s,background .3s}
.hero-dot.is-active{width:28px;background:#f5d06c}
.section--media{overflow:hidden;background:linear-gradient(145deg,#edf8fb 0%,#f8fbff 57%,#fdfaf2 100%);border-top:1px solid rgba(8,42,73,.04);border-bottom:1px solid rgba(8,42,73,.05)}
.media-carousel{position:relative;--cardWidth:calc((100% - 40px)/3)}
.media-carousel__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px}
.media-counter{font-size:.85rem;color:#486a80;letter-spacing:.08em;font-weight:800;font-variant-numeric:tabular-nums}
.media-controls{display:flex;gap:9px}
.media-arrow{background:#fff;color:#0a5178;border-color:#cedfea;width:42px;height:42px;flex-basis:42px;box-shadow:0 8px 19px rgba(8,42,73,.08)}
.media-arrow:hover{background:#e5f7fa;transform:translateY(-2px)}
.media-arrow:disabled{opacity:.33;cursor:not-allowed;transform:none}
[data-media-prev] .ico{transform:rotate(90deg)}[data-media-next] .ico{transform:rotate(-90deg)}
.media-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:3px 0 20px;overscroll-behavior-inline:contain}
.media-track::-webkit-scrollbar{display:none}
.media-slide{position:relative;flex:0 0 var(--cardWidth);min-width:0;aspect-ratio:1.43/1;overflow:hidden;scroll-snap-align:start;border:0;border-radius:22px;background:#073554;box-shadow:0 12px 31px rgba(6,39,68,.1);padding:0;cursor:zoom-in}
.media-slide img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .48s ease}
.media-slide:hover img{transform:scale(1.06)}
.media-slide__zoom{position:absolute;right:15px;bottom:15px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(9,55,85,.8);backdrop-filter:blur(8px)}
.media-slide__zoom .ico{width:19px;height:19px}
.media-lightbox{border:0;background:#081b2b;border-radius:20px;padding:52px 18px 18px;max-width:min(94vw,1120px);max-height:94vh;color:white;box-shadow:0 30px 120px #001b}
.media-lightbox::backdrop{background:rgba(1,15,28,.88);backdrop-filter:blur(7px)}
.media-lightbox img{display:block;max-width:100%;max-height:calc(94vh - 100px);object-fit:contain;border-radius:10px;margin-inline:auto}
.media-lightbox__close{position:absolute;right:13px;top:5px;background:transparent;border:0;color:#fff;font-size:32px;line-height:1.2}
.wa-mark{display:block;width:30px;height:30px;object-fit:contain;flex:0 0 auto}
.whatsapp-float{background:#fff!important;border:2px solid #25D366!important;width:62px;height:62px;box-shadow:0 15px 33px rgba(9,112,60,.28)}
.whatsapp-float .wa-mark{width:39px;height:39px}
.whatsapp-hint{position:absolute;right:calc(100% + 12px);background:#063d31;color:#fff;font-size:12px;font-weight:800;border-radius:12px;padding:8px 12px;white-space:nowrap;box-shadow:0 8px 24px #051e1740;opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .25s,transform .25s}
.whatsapp-float:hover .whatsapp-hint,.whatsapp-float:focus-visible .whatsapp-hint{opacity:1;transform:translateX(0)}
html[dir=rtl] .whatsapp-hint{right:auto;left:calc(100% + 12px)}
.footer-grid .wa-mark{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-inline-end:7px}
.scroll-indicator{position:fixed;top:0;inset-inline-start:0;height:3px;z-index:250;background:linear-gradient(90deg,#25D366,#17bacc,#f9da80);width:0;pointer-events:none}
.mobile-contact-rail{display:none}
/* Eye-catching but unobtrusive and finite effects. */
@keyframes igmed-pulse{0%,100%{box-shadow:0 0 0 0 rgba(213,164,65,.28)}50%{box-shadow:0 0 0 12px rgba(213,164,65,0)}}
@keyframes igmed-wa-pulse{0%,100%{box-shadow:0 15px 33px rgba(9,112,60,.28)}50%{box-shadow:0 15px 33px rgba(9,112,60,.28),0 0 0 11px rgba(37,211,102,0)}}
@keyframes igmed-flash{0%,100%{filter:brightness(1)}50%{filter:brightness(1.14)}}
.header-quote{animation:igmed-pulse 2.8s ease-in-out 3}
.whatsapp-float{animation:igmed-wa-pulse 2.6s ease-in-out 3}
.hero .btn--gold{animation:igmed-flash 2.8s ease-in-out 2}
.gallery-grid figure{overflow:hidden;border-radius:17px;box-shadow:0 12px 30px rgba(8,42,73,.1)}
.gallery-grid figcaption{background:linear-gradient(0deg,#041b32bd,transparent);color:#fff;padding:18px;font-weight:700}
.footer-ai{opacity:.85}
@media(max-width:960px){.media-carousel{--cardWidth:calc((100% - 20px)/2)} }
@media(max-width:640px){.media-carousel{--cardWidth:88%}.hero__image-wrap{height:330px}.hero-showcase__caption{bottom:86px;font-size:1.05rem}.hero-showcase__controls{bottom:12px;inset-inline:9px;gap:7px}.hero-dot.is-active{width:22px}.carousel-btn{width:36px;height:36px;flex-basis:36px}.whatsapp-float{bottom:90px;width:52px;height:52px;right:15px}.whatsapp-float .wa-mark{width:32px;height:32px}html[dir=rtl] .whatsapp-float{left:15px;right:auto}.whatsapp-hint{display:none}.mobile-contact-rail{display:flex;position:fixed;z-index:84;inset-inline:0;bottom:0;min-height:60px;gap:10px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d7e8ed;box-shadow:0 -6px 25px rgba(8,42,73,.07)}.mobile-contact-rail>a{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 0;border-radius:12px;background:#083a60;color:#fff;font-size:.84rem;font-weight:800;min-height:43px}.mobile-contact-rail>a:last-child{background:#e9f9f0;color:#125c39;border:1px solid #b9ecd0}.mobile-contact-rail .wa-mark{width:20px;height:20px}.footer-bottom{padding-bottom:38px}.search-layer{z-index:180}}
@media(prefers-reduced-motion:reduce){.hero-showcase__slide,.hero-showcase__img,.media-track,.media-slide img{transition:none!important;animation:none!important}.header-quote,.whatsapp-float,.hero .btn--gold{animation:none!important}}
