/*
 * Theme Name: MBA Sarriko Child
 * Template:   kadence
 * Author:     Sirope Agencia Creativa — https://sirope.es/
 * Version:    0.0.7
 * Updated:    2026-03-16
 */


/* =============================================================================
   1. VARIABLES GLOBALES
   ============================================================================= */
:root {
  --color-brand-primary:   #004165;
  --color-brand-hover:     #215387;
  --color-white:           #ffffff;
  --cta-border-width:      2px;
  --cta-padding:           10px 20px;
  --cta-icon-size:         20px;
  --transition-base:       0.3s ease;
  --transition-fast:       0.1s ease;
}


/* =============================================================================
   2. BASE / RESET — Lenis smooth scroll
   ============================================================================= */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}


/* =============================================================================
   3. ANIMACIONES
   ============================================================================= */

/* Estado inicial: oculto y desplazado */
.scroll-animate-item {
  opacity:    0 !important;
  transform:  translateY(30px) !important;
  transition: opacity   0.8s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
  visibility: visible !important;
  will-change: transform, opacity;
}

/* Estado final: visible */
.scroll-animate-item.is-visible {
  opacity:   1 !important;
  transform: translateY(0) !important;
}

/* Keyframe: paneo horizontal del hero en móvil */
@keyframes panGroupPhoto {
  from { background-position: 0%   50%; }
  to   { background-position: 100% 50%; }
}


/* =============================================================================
   4. LAYOUT GLOBAL — Header, footer, secciones
   ============================================================================= */

/* Header */
.site-header-main-section-right {
  align-items: flex-start;
}

.mobile-html-inner,
.header-html-inner {
  background:     var(--color-white);
  font-size:      14px;
  text-transform: uppercase;
}

/* Footer */
.site-footer-middle-section-2 {
  justify-content: center;
}

.footer-social-inner-wrap {
  margin-top: 20px;
}

.footer-social-inner-wrap a {
  margin-left: 20px;
}

footer .widget-area .widget {
  margin-left:     0;
  margin-right:    0;
  display:         flex;
  justify-content: center;
}

/* Carrusel */
.carrusel-section {
  height: 100%;
}


/* =============================================================================
   5. COMPONENTES
   ============================================================================= */

/* --- CTA: botón de descarga --- */
.cta-descargar {
  display:         flex;
  align-items:     center;
  justify-content: center;
  padding:         var(--cta-padding);
  color:           var(--color-white);
  border:          var(--cta-border-width) solid var(--color-white);
  font-family:     sans-serif;
  font-weight:     600;
  cursor:          pointer;
  user-select:     none;
  text-decoration: none;
  transition:      background-color var(--transition-base),
                   border-color     var(--transition-base),
                   transform        var(--transition-fast);
}

.cta-descargar:hover {
  background-color: var(--color-brand-hover);
  border-color:     var(--color-brand-hover);
}

/* Enlace interno */
.cta-descargar a {
  color:           var(--color-white) !important;
  font-weight:     normal;
  line-height:     1 !important;
  text-decoration: none !important;
}

/* Icono de descarga (SVG inline vía ::before) */
.cta-descargar::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");
  display:        inline-block;
  width:          var(--cta-icon-size);
  height:         var(--cta-icon-size);
  margin-right:   10px;
  vertical-align: middle;
  line-height:    1 !important;
}

/* --- Botones Kadence --- */
.kb-svg-icon-fas_phone {
  transform:    scaleX(-1);
  display:      inline-block;
}

/* --- Formularios Kadence --- */
.wp-block-kadence-advanced-form-submit {
  padding-right: 40px;
}


/* =============================================================================
   6. WPML — Selector de idioma
   ============================================================================= */
.wpml-ls-link {
  display:     inline-flex;
  align-items: center;
  text-decoration: none;
}

/* Globo terráqueo antes del nombre de idioma */
.wpml-ls-item .wpml-ls-link::before {
  content: "";
  display:             inline-block;
  width:               18px;
  height:              18px;
  margin-right:        6px;
  vertical-align:      middle;
  background-repeat:   no-repeat;
  background-size:     contain;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 73.768 73.768'%3E%3Cpath d='M117.606,385.2a36.884,36.884,0,1,0,36.884,36.884A36.926,36.926,0,0,0,117.606,385.2Zm33.846,35.383H136.366a48.681,48.681,0,0,0-3.047-16.068,36.786,36.786,0,0,0,8.781-5.808A33.752,33.752,0,0,1,151.452,420.586Zm-32.346-31.072a36.534,36.534,0,0,1,6.069,6.387,39.467,39.467,0,0,1,4.176,7.028,33.843,33.843,0,0,1-10.245,2.061Zm3.534-.935a33.762,33.762,0,0,1,17.292,8.051,33.809,33.809,0,0,1-7.772,5.116A41.252,41.252,0,0,0,122.64,388.579ZM110.19,395.9a36.615,36.615,0,0,1,5.916-6.261v15.35a33.789,33.789,0,0,1-10.116-2.013A39.5,39.5,0,0,1,110.19,395.9Zm-7.013,5.906a33.8,33.8,0,0,1-7.9-5.177,33.757,33.757,0,0,1,17.469-8.074A41.244,41.244,0,0,0,103.177,401.807Zm12.929,6.183v12.6H102a45.607,45.607,0,0,1,2.835-14.838A36.83,36.83,0,0,0,116.106,407.99Zm0,15.6v12.386a36.8,36.8,0,0,0-11.018,2.146A42.373,42.373,0,0,1,102,423.587Zm0,15.386v15.252a47.106,47.106,0,0,1-9.792-13.361A33.819,33.819,0,0,1,116.106,438.973Zm-2.86,16.708a33.755,33.755,0,0,1-18.084-8.24,33.786,33.786,0,0,1,8.306-5.426A48.955,48.955,0,0,0,113.246,455.681Zm5.86-1.313v-15.4a33.8,33.8,0,0,1,9.922,1.94A47.081,47.081,0,0,1,119.106,454.368Zm12.762-12.294a33.846,33.846,0,0,1,8.182,5.367,33.759,33.759,0,0,1-17.909,8.217A48.888,48.888,0,0,0,131.868,442.074Zm-12.762-6.1V423.587h14.257a42.352,42.352,0,0,1-3.106,14.582A36.818,36.818,0,0,0,119.106,435.973Zm0-15.386v-12.6a36.806,36.806,0,0,0,11.4-2.291,45.562,45.562,0,0,1,2.854,14.888ZM93.112,398.711a36.8,36.8,0,0,0,8.91,5.871A48.7,48.7,0,0,0,99,420.587H83.76A33.757,33.757,0,0,1,93.112,398.711ZM83.76,423.587H99a45.675,45.675,0,0,0,3.256,15.683A36.807,36.807,0,0,0,93,445.35,33.755,33.755,0,0,1,83.76,423.587Zm58.447,21.764a36.8,36.8,0,0,0-9.122-6.022,45.69,45.69,0,0,0,3.279-15.742h15.088A33.759,33.759,0,0,1,142.207,445.351Z' fill='%230c2c67' transform='translate(-80.722 -385.203)'/%3E%3C/svg%3E");
}


/* =============================================================================
   7. IDs ESPECÍFICOS — Bloques Kadence
   ============================================================================= */
.kb-radio-check-item-wrap {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 20px !important;
}

.kb-radio-check-item-wrap input {
  width:  22px !important;
  height: 22px !important;
}

.kb-radio-check-item-wrap label {
  color: var(--color-brand-primary) !important;
}


/* =============================================================================
   8. PÁGINA 404
   ============================================================================= */
.error404 .site-header {
  display: none;
}


/* =============================================================================
   9. IMÁGENES
   ============================================================================= */
.wp-image-351 {
  max-width: 420px !important;
}


/* =============================================================================
   10. MEDIA QUERIES — Agrupadas al final (mobile-first approach)
   ============================================================================= */

/* --- Móvil: hasta 767px --- */
@media screen and (max-width: 767px) {

  /* Formulario */
  .wp-block-kadence-advanced-form-submit {
    padding-right: 0;
  }

  /* CTA descarga */
	
  .cta-descargar {
    margin-left: 0 !important;
  }

  /* Botones Kadence */
  .kb-button {
    padding: 16px 20px !important;
  }

  /* Hero: paneo automático de la imagen de fondo */
  .kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id635_23a7b3-74 ,
  .kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id2_8c9723-1f {
    background-image:    url(https://mba-sarriko.siropeprojects.com/wp-content/uploads/2026/03/hero-bg-scaled.jpg);
    background-repeat:   no-repeat;
    background-size:     auto 100%;
    animation:           panGroupPhoto 20s ease-in-out infinite alternate;
  }
}

/* --- Tablet/móvil: hasta 768px --- */
@media screen and (max-width: 768px) {

  #footer-menu {
    display:         flex;
    justify-content: center;
    align-items:     center;
    flex-direction:  column;
  }
}

/* --- Desktop intermedio: hasta 1400px --- */
@media screen and (max-width: 1400px) {

  .kadence-column501_186e34-5a {
    margin-left: 0;
  }
}

/* --- Accesibilidad: reducir movimiento --- */
@media (prefers-reduced-motion: reduce) {

  .scroll-animate-item {
    transition: none    !important;
    opacity:    1       !important;
    transform:  none    !important;
  }
}