/* =========================================================
   SERVICIOS V25 — ajustes exclusivos de la sección Servicios
   ========================================================= */
.seccion-servicios{padding:68px 0 0;overflow:hidden;color:var(--verde-oscuro)}
.servicios-cabecera{margin-bottom:28px}
.servicios-cabecera h2{color:var(--verde-oscuro);font-size:clamp(36px,3.8vw,54px)}
.servicios-introduccion p{color:#52635f}

/* Carrusel */
.servicios-carrusel-zona{position:relative;display:flex;align-items:center;gap:12px}
.servicios-viewport{flex:1;min-width:0;overflow:hidden;padding:7px 3px 14px;touch-action:pan-y}
.servicios-lista{--servicios-visibles:3;display:flex!important;grid-template-columns:none!important;grid-auto-flow:initial!important;gap:18px!important;overflow:visible!important;margin:0!important;padding:0!important;scroll-snap-type:none!important;scroll-behavior:auto!important;will-change:transform}
.servicio-tarjeta,.servicio-tarjeta:last-child{flex:0 0 calc((100% - (var(--servicios-visibles) - 1)*18px)/var(--servicios-visibles));width:auto!important;grid-column:auto!important;justify-self:auto!important;scroll-snap-align:none!important;min-height:0;border-radius:14px;box-shadow:0 9px 24px rgba(5,45,41,.10);transform:none}
.servicio-tarjeta:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(5,45,41,.14)}
.servicio-imagen{min-height:0;height:190px;background-size:cover;background-repeat:no-repeat}
.servicio-imagen-financiera{background-image:url("../imagenes/servicios/asesoria-financiera-nueva-20260808.png")!important;background-position:52% 45%!important}
.servicio-imagen-contable{background-image:url("../imagenes/servicios/contabilidad-empresarial-nueva-20260808.png")!important;background-position:50% 43%!important}
.servicio-imagen-digital{background-position:center center}
.servicio-contenido{padding:19px 16px 16px}
.servicio-sello{top:-27px;left:16px;width:48px;height:48px;border-width:3px}
.servicio-sello svg{width:22px;height:22px;stroke-width:2}
.servicio-contenido h3{font-size:clamp(19px,1.55vw,23px);color:var(--verde-oscuro)}
.servicio-contenido>p{min-height:58px;margin-top:7px;font-size:13.5px;line-height:1.42;color:#53645f}
.separador-servicio{margin:10px auto 13px}
.servicio-beneficios{min-height:150px;margin-bottom:15px}
.servicio-beneficios li{padding:0 7px;color:#40524d;font-size:10.5px;line-height:1.35}
.servicio-beneficios svg{width:39px;height:39px;flex-basis:39px;margin-bottom:7px;padding:7px;border:1px solid rgba(255,195,35,.55);border-radius:12px;background:linear-gradient(145deg,#fff9e8,#fff2bd);color:#08784e;stroke-width:1.9;box-shadow:0 5px 12px rgba(3,58,53,.07)}
.servicio-beneficios strong{min-height:29px;font-size:11.5px;color:var(--verde-oscuro)}
.servicio-beneficios li span{margin-top:5px}

/* CTA de navegación dentro de Servicios */
.boton-servicio.btn-principal{width:min(100%,250px);margin:auto auto 0;padding-inline:17px!important;justify-content:space-between!important;gap:12px!important;white-space:nowrap}
.boton-servicio .texto-boton{flex:1;text-align:left!important}
.boton-servicio .btn-flecha{margin-left:auto}

.servicios-nav{width:44px;height:44px;flex:0 0 44px;border:1px solid #e4ece9;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--verde-medio);box-shadow:0 7px 18px rgba(5,45,41,.12);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}
.servicios-nav:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(5,45,41,.16);color:var(--verde-oscuro)}
.servicios-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.6}
.servicios-nav-prev svg{transform:rotate(90deg)}
.servicios-nav-next svg{transform:rotate(-90deg)}
.servicios-dots{display:flex;justify-content:center;align-items:center;gap:8px;min-height:18px;margin:5px 0 20px}
.servicios-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d5e3de;cursor:pointer;transition:transform .2s ease,background-color .2s ease}
.servicios-dots button.activo{background:var(--verde-medio);transform:scale(1.28)}

/* Franja verde inferior */
.todos-servicios{margin-top:0;margin-bottom:36px;padding:22px 26px;grid-template-columns:minmax(260px,1.12fr) minmax(330px,1.18fr) minmax(190px,.72fr);gap:18px;border-radius:15px}
.todos-servicios-texto p{font-size:16px}
.todos-servicios-texto h3{font-size:23px}
.todos-servicios-texto span{font-size:12.5px}
.todos-servicios-opciones>span{min-height:76px}
.boton-todos-servicios.btn-principal{width:min(100%,210px);justify-self:start!important;padding-inline:16px!important;justify-content:space-between!important;gap:12px!important;white-space:nowrap}
.boton-todos-servicios .texto-boton{flex:1;text-align:left!important}
.boton-todos-servicios .btn-flecha{margin-left:auto}
.servicios-separador-inferior{height:12px;margin-top:0;background:linear-gradient(180deg,rgba(3,58,53,.10),rgba(3,58,53,0));border-top:1px solid rgba(3,58,53,.12)}

@media (max-width:1120px){
  .servicios-lista{--servicios-visibles:2}
  .servicio-imagen{height:205px}
  .servicio-contenido>p{font-size:14px}
  .servicio-beneficios li{font-size:11px}
  .servicio-beneficios strong{font-size:12px}
  .todos-servicios{grid-template-columns:1fr auto;gap:16px}
  .todos-servicios-opciones{grid-column:1/-1;grid-row:2;width:min(100%,600px);margin-inline:0}
  .boton-todos-servicios.btn-principal{grid-column:2;grid-row:1;align-self:center}
}
@media (max-width:720px){
  .seccion-servicios{padding-top:54px}
  .servicios-lista{--servicios-visibles:1;gap:14px!important}
  .servicios-carrusel-zona{gap:5px}
  .servicios-nav{width:40px;height:40px;flex-basis:40px}
  .servicios-nav svg{width:19px;height:19px}
  .servicio-tarjeta,.servicio-tarjeta:last-child{flex-basis:100%}
  .servicio-imagen{height:210px}
  .servicio-contenido{padding:22px 17px 17px}
  .servicio-contenido h3{font-size:22px}
  .servicio-contenido>p{min-height:0;font-size:16px;line-height:1.5}
  .servicio-beneficios{min-height:0;grid-template-columns:1fr;margin-bottom:14px}
  .servicio-beneficios li{min-height:112px;padding:12px 14px;border-left:0;border-top:1px solid #e2e9e7;font-size:14px;line-height:1.45}
  .servicio-beneficios li:first-child{border-top:0}
  .servicio-beneficios svg{width:44px;height:44px;flex-basis:44px;border-radius:12px}
  .servicio-beneficios strong{min-height:0;font-size:15px}
  .boton-servicio.btn-principal{width:min(100%,285px);padding-inline:17px!important;font-size:14px!important}
  .todos-servicios{margin-bottom:28px;padding:22px 18px;grid-template-columns:1fr;gap:15px}
  .todos-servicios-texto{text-align:left}
  .todos-servicios-opciones{grid-column:1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .boton-todos-servicios.btn-principal{grid-column:1;grid-row:auto;width:min(100%,240px);justify-self:start!important}
}
@media (max-width:430px){
  .servicios-carrusel-zona{margin-inline:-4px}
  .servicios-nav{width:38px;height:38px;flex-basis:38px}
  .servicio-imagen{height:195px}
  .todos-servicios-opciones{grid-template-columns:1fr}
}
@media (max-width:360px){
  .servicios-nav{width:36px;height:36px;flex-basis:36px}
  .servicio-contenido{padding-inline:14px}
  .servicio-contenido h3{font-size:20px}
  .servicio-contenido>p{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){
  .servicios-lista,.servicios-nav,.servicios-dots button{transition:none!important}
}