/* ===== Movimiento sobrio y profesional (v2, oct-2026) =====
   Se quitaron: inclinación 3D de tarjetas, brillo que sigue al mouse, parallax del banner,
   barra de progreso, brillos animados en títulos/cifras/botones, luz giratoria y partículas. */

html{scroll-behavior:smooth}

/* Header con fondo translúcido al bajar */
.header.scrolled{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

/* Banner: transición suave entre fotos, sin zoom */
.hero .slide{background-size:cover;background-position:center}
.hero .h1,.hero h1{text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero .eyebrow{letter-spacing:.14em}

/* Títulos de sección con línea fija */
.sec-head h2{position:relative;display:inline-block}
.sec-head h2::after{content:"";display:block;height:3px;width:56px;margin:14px auto 0;border-radius:3px;background:var(--green,#1e9a3c)}

/* Botones: elevación ligera */
.btn{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn--wa,.btn--accent{box-shadow:0 8px 20px -10px rgba(30,154,60,.7)}

/* Tarjetas: misma reacción en todas, discreta */
.card,.why__item,.mem,.review{transition:transform .25s ease,box-shadow .25s ease}
.card:hover,.why__item:hover,.mem:hover,.review:hover{transform:translateY(-4px);box-shadow:0 18px 36px -20px rgba(15,37,87,.35)}
.card__img img,.svc-imgs img,.gi img{transition:transform .5s ease}
.card:hover .card__img img,.gi:hover img,.svc-imgs img:hover,.split__img:hover img{transform:scale(1.07)}
.card__img,.gi,.split__img{overflow:hidden}
.svc-imgs img,.split__img img,.card__img img,.zoomable{cursor:zoom-in}

/* Logos de clientes en gris, color al pasar */
.marquee img{filter:grayscale(1) opacity(.75);transition:filter .3s}
.marquee img:hover{filter:none}

/* Aparición al bajar: corta y suave */
.reveal,.mx-reveal{opacity:0;transform:translateY(16px);filter:blur(3px);transition:opacity .7s ease,transform .7s ease,filter .7s ease}
.reveal.in,.mx-reveal.in{opacity:1;transform:none;filter:none}

/* Fondos: foto más visible, oscurecido solo donde va el texto */
.slide::before{background:linear-gradient(90deg,rgba(10,26,64,.78) 0%,rgba(10,26,64,.45) 38%,rgba(10,26,64,0) 70%)!important}
.svc-hero{min-height:clamp(320px,48vh,480px)!important;background-size:cover!important}
.svc-hero::before{background:linear-gradient(180deg,rgba(10,26,64,0) 40%,rgba(10,26,64,.75))!important}
@media(max-width:600px){.slide::before{background:linear-gradient(180deg,rgba(10,26,64,.15) 0%,rgba(10,26,64,.35) 35%,rgba(10,26,64,.82) 100%)!important}.svc-hero{min-height:280px!important}}
.hero .slide__in p,.hero .eyebrow{text-shadow:0 1px 10px rgba(0,0,0,.45)}

/* Accesibilidad: sin movimiento si el usuario lo pide */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.reveal,.mx-reveal{opacity:1!important;transform:none!important;filter:none!important}}

/* Visor de fotos (clic para ampliar) */
.mx-lb{position:fixed;inset:0;z-index:300;background:rgba(8,18,44,.92);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .25s;cursor:zoom-out}
.mx-lb.on{opacity:1}
.mx-lb img{max-width:min(1200px,100%);max-height:88vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:scale(.96);transition:transform .25s}
.mx-lb.on img{transform:none}
.mx-lb button{position:absolute;top:16px;right:18px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:1.6rem;cursor:pointer}
/* Encabezados de sección: etiqueta arriba del título, siempre igual */
.sec-head .eyebrow{display:block;margin-bottom:8px}
/* Iconos de línea en verde, uniformes */
.ico{background:#eaf6ee!important;color:var(--green,#1e9a3c)}
.ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Filas incompletas centradas (servicios, ventajas, certificaciones) */
@media(min-width:881px){
  #servicios .cards,.why{display:flex!important;flex-wrap:wrap;justify-content:center}
  #servicios .cards>.card{flex:0 0 calc((100% - 52px)/3)}
  .why>.why__item{flex:0 0 calc((100% - 48px)/3)}
}
/* Ventajas con foto y enlace */
.why--photo{display:flex;flex-direction:column;padding:0!important;overflow:hidden;background:#fff;color:inherit;text-decoration:none}
.why__img{aspect-ratio:16/9;overflow:hidden;background:#eef2f8}
.why__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.why--photo:hover .why__img img{transform:scale(1.07)}
.why__body{position:relative;padding:0 24px 22px;display:flex;flex-direction:column;flex:1}
.why__body .ico{margin-top:-27px;border:3px solid #fff;position:relative;z-index:1}
.why__body p{flex:1}
.why__body .card__link{margin-top:12px}