/* Growth Digital - Header + Hero Fix v6 */
/* No toca el botón flotante */

/* =========================
   MOBILE
========================= */
@media screen and (max-width: 767px) {

  /* Header */
  .row-TFNkwoyi6O {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    padding: 8px 14px 4px 14px !important;
    margin: 0 !important;
  }

  .col-w994cKT9uL {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    width: 58% !important;
    max-width: 58% !important;
    flex: 0 0 58% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .cnav-menu-v2-aoq1VMrgv4,
  .nav-menu-v2-aoq1VMrgv4 {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    flex: 0 0 52px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .cnav-menu-v2-aoq1VMrgv4 button,
  .nav-menu-v2-aoq1VMrgv4 button {
    width: 52px !important;
    height: 52px !important;
    border-radius: 999px !important;
  }

  .cimage-YWCbgR9AYR,
  .image-YWCbgR9AYR {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 150px !important;
    flex: 1 1 auto !important;
    margin: 0 0 0 4px !important;
    padding: 0 !important;
  }

  .cimage-YWCbgR9AYR img,
  .image-YWCbgR9AYR img {
    width: 145px !important;
    max-width: 145px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    filter: contrast(1.12) saturate(1.08) !important;
  }

  .col-snWGk3WBAL {
    width: 40% !important;
    max-width: 40% !important;
    flex: 0 0 40% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .cbutton-rWEynMXml4,
  .button-rWEynMXml4 {
    min-width: 132px !important;
    max-width: 155px !important;
    margin: 0 !important;
  }

  /* Hero mobile */
  .section-S_M96H_lRm,
  .row-_5iS7VWNf1i,
  .col-ALJ1Z1iT8OT,
  .col-8b1ds_KPWoC {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .cheading-iniroaZ4ol,
  .heading-iniroaZ4ol {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .cheading-iniroaZ4ol h1,
  .heading-iniroaZ4ol h1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.05 !important;
  }

  /* Imagen: sube moderado, sin montarse con el título */
  .cimage-Jte3eO4o1_,
  .image-Jte3eO4o1_ {
    margin-top: -42px !important;
    margin-bottom: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
  }

  .cimage-Jte3eO4o1_ img,
  .image-Jte3eO4o1_ img {
    display: block !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Texto debajo de imagen */
  .csub-heading-G4ubjVE8mr6,
  .sub-heading-G4ubjVE8mr6 {
    margin-top: -22px !important;
    padding-top: 0 !important;
  }

  .csub-heading-G4ubjVE8mr6 h2,
  .sub-heading-G4ubjVE8mr6 h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}


/* =========================
   DESKTOP / TABLET
========================= */
@media screen and (min-width: 768px) {

  /* Hero desktop: alinear texto e imagen y reducir espacio inferior */
  .section-S_M96H_lRm {
    padding-top: 30px !important;
    padding-bottom: 40px !important;
    margin-bottom: 0 !important;
  }

  .row-_5iS7VWNf1i {
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .col-ALJ1Z1iT8OT,
  .col-8b1ds_KPWoC {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .cheading-iniroaZ4ol,
  .heading-iniroaZ4ol {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
  }

  .csub-heading-G4ubjVE8mr6,
  .sub-heading-G4ubjVE8mr6 {
    margin-top: 0 !important;
    margin-bottom: 26px !important;
  }

  .cimage-l8McxMtJjB_,
  .image-l8McxMtJjB_ {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .cimage-l8McxMtJjB_ img,
  .image-l8McxMtJjB_ img {
    display: block !important;
    margin: 0 !important;
  }

  /* Reducir espacio antes de la sección siguiente */
  .section-hoIJPJSyOt,
  .row-oNxSO9aAT4_,
  .row-gb5VD9Ko1L,
  .row-cs5WcgdC8j {
    margin-top: 0 !important;
    padding-top: 20px !important;
  }
}

/* Growth Digital - Desktop hero image alignment v7 */
@media screen and (min-width: 768px) {

  /* Subir un poco la imagen para alinearla con el título/texto */
  .cimage-l8McxMtJjB_,
  .image-l8McxMtJjB_ {
    transform: translateY(-48px) !important;
  }

  .cimage-l8McxMtJjB_ img,
  .image-l8McxMtJjB_ img {
    display: block !important;
  }
}

/* Growth Digital - Desktop hero image alignment v8 */
@media screen and (min-width: 768px) {
  .cimage-l8McxMtJjB_,
  .image-l8McxMtJjB_ {
    transform: translateY(-70px) !important;
  }
}

/* Growth Digital - Mobile hero spacing v9 */
/* Solo reduce espacios en mobile */
@media screen and (max-width: 767px) {

  /* Mantener título visible y limpio */
  .cheading-iniroaZ4ol,
  .heading-iniroaZ4ol {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .cheading-iniroaZ4ol h1,
  .heading-iniroaZ4ol h1 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.05 !important;
  }

  /* Subir imagen sin montarla encima del título */
  .cimage-Jte3eO4o1_,
  .image-Jte3eO4o1_ {
    margin-top: -88px !important;
    margin-bottom: -145px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .cimage-Jte3eO4o1_ img,
  .image-Jte3eO4o1_ img {
    display: block !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Subir texto debajo de la imagen */
  .csub-heading-G4ubjVE8mr6,
  .sub-heading-G4ubjVE8mr6 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .csub-heading-G4ubjVE8mr6 h2,
  .sub-heading-G4ubjVE8mr6 h2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* Growth Digital - Mobile hero spacing correction v10 */
/* Corrige texto montado sobre imagen. No toca widget flotante. */
@media screen and (max-width: 767px) {

  /* Mantener imagen cerca del título pero sin romper el flujo */
  .cimage-Jte3eO4o1_,
  .image-Jte3eO4o1_ {
    margin-top: -28px !important;
    margin-bottom: 18px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .cimage-Jte3eO4o1_ img,
  .image-Jte3eO4o1_ img {
    display: block !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: auto !important;
  }

  /* Texto debajo de la imagen, limpio */
  .csub-heading-G4ubjVE8mr6,
  .sub-heading-G4ubjVE8mr6 {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    padding-top: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    background: #ffffff !important;
  }

  .csub-heading-G4ubjVE8mr6 h2,
  .sub-heading-G4ubjVE8mr6 h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 14px !important;
    line-height: 1.45 !important;
  }

  /* Separación limpia antes del botón */
  .cbutton-NGLBEAs7T-Z,
  .button-NGLBEAs7T-Z {
    margin-top: 18px !important;
  }
}

/* Growth Digital - Mobile title/image correction v11 */
/* Baja un poco la imagen para que el H1 se lea completo */
@media screen and (max-width: 767px) {

  .cimage-Jte3eO4o1_,
  .image-Jte3eO4o1_ {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .cheading-iniroaZ4ol,
  .heading-iniroaZ4ol {
    margin-bottom: 6px !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .cheading-iniroaZ4ol h1,
  .heading-iniroaZ4ol h1 {
    line-height: 1.05 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .csub-heading-G4ubjVE8mr6,
  .sub-heading-G4ubjVE8mr6 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    background: #ffffff !important;
  }
}

/* Growth Digital - Desktop whitespace reduction v12 */
/* Corrige espacio blanco antes de Instagram sin tocar mobile ni widget */
@media screen and (min-width: 768px) {

  /* La imagen sube, pero ahora sí reduce el espacio real de la sección */
  .cimage-l8McxMtJjB_,
  .image-l8McxMtJjB_ {
    transform: none !important;
    margin-top: -70px !important;
    margin-bottom: -85px !important;
  }

  /* Reducir altura inferior del hero */
  .section-S_M96H_lRm {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .row-_5iS7VWNf1i {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Subir un poco la sección de Instagram */
  .section-hoIJPJSyOt,
  .row-oNxSO9aAT4_,
  .row-gb5VD9Ko1L,
  .row-cs5WcgdC8j {
    padding-top: 0 !important;
    margin-top: -35px !important;
  }
}

/* Growth Digital - Desktop Instagram spacing correction v13 */
@media screen and (min-width: 768px) {

  /* Mantener imagen alineada, pero sin cerrar tanto la sección */
  .cimage-l8McxMtJjB_,
  .image-l8McxMtJjB_ {
    transform: none !important;
    margin-top: -55px !important;
    margin-bottom: -25px !important;
  }

  /* Dar aire antes de Instagram */
  .section-hoIJPJSyOt,
  .row-oNxSO9aAT4_,
  .row-gb5VD9Ko1L,
  .row-cs5WcgdC8j {
    margin-top: 35px !important;
    padding-top: 25px !important;
  }

  /* Evitar que el título de Instagram se monte */
  .csub-heading-vR9RGXCyDY,
  .sub-heading-vR9RGXCyDY,
  .csub-heading-ZM_dcZeexl_,
  .sub-heading-ZM_dcZeexl_ {
    position: relative !important;
    z-index: 2 !important;
    background: #ffffff !important;
  }
}

/* Growth Digital - Compact mobile header v14 */
/* Ajuste responsive para Android/iPhone */
@media screen and (max-width: 767px) {

  .row-TFNkwoyi6O {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    padding: 6px 14px 4px 14px !important;
    margin: 0 !important;
  }

  /* Bloque izquierdo: hamburguesa + logo */
  .col-w994cKT9uL {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 60% !important;
    max-width: 60% !important;
    flex: 0 0 60% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Hamburguesa compacta */
  .cnav-menu-v2-aoq1VMrgv4,
  .nav-menu-v2-aoq1VMrgv4 {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 999px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .cnav-menu-v2-aoq1VMrgv4 button,
  .nav-menu-v2-aoq1VMrgv4 button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 999px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Logo más pequeño para que no baje */
  .cimage-YWCbgR9AYR,
  .image-YWCbgR9AYR {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 128px !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .cimage-YWCbgR9AYR img,
  .image-YWCbgR9AYR img {
    width: 124px !important;
    max-width: 124px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
  }

  /* Botón CTA más compacto */
  .col-snWGk3WBAL {
    width: 38% !important;
    max-width: 38% !important;
    flex: 0 0 38% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .cbutton-rWEynMXml4,
  .button-rWEynMXml4 {
    min-width: 112px !important;
    max-width: 132px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  .cbutton-rWEynMXml4 *,
  .button-rWEynMXml4 * {
    font-size: 12px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}

/* Celulares muy angostos */
@media screen and (max-width: 390px) {
  .col-w994cKT9uL {
    width: 59% !important;
    max-width: 59% !important;
    flex-basis: 59% !important;
    gap: 6px !important;
  }

  .col-snWGk3WBAL {
    width: 39% !important;
    max-width: 39% !important;
    flex-basis: 39% !important;
  }

  .cimage-YWCbgR9AYR img,
  .image-YWCbgR9AYR img {
    width: 112px !important;
    max-width: 112px !important;
  }

  .cbutton-rWEynMXml4,
  .button-rWEynMXml4 {
    min-width: 104px !important;
    max-width: 120px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 9px 10px !important;
  }

  .cbutton-rWEynMXml4 *,
  .button-rWEynMXml4 * {
    font-size: 11px !important;
  }
}

/* Growth Digital - Mobile header fine alignment v15 */
@media screen and (max-width: 767px) {

  /* Separar logo de hamburguesa */
  .col-w994cKT9uL {
    gap: 12px !important;
  }

  .cimage-YWCbgR9AYR,
  .image-YWCbgR9AYR {
    margin-left: 4px !important;
    transform: translateY(-1px) !important;
  }

  /* Alinear hamburguesa */
  .cnav-menu-v2-aoq1VMrgv4,
  .nav-menu-v2-aoq1VMrgv4 {
    transform: translateY(0px) !important;
  }

  /* Subir un poco el botón CTA */
  .col-snWGk3WBAL {
    align-items: center !important;
  }

  .cbutton-rWEynMXml4,
  .button-rWEynMXml4 {
    transform: translateY(-4px) !important;
  }
}

/* Ajuste extra para celulares angostos */
@media screen and (max-width: 390px) {
  .col-w994cKT9uL {
    gap: 10px !important;
  }

  .cbutton-rWEynMXml4,
  .button-rWEynMXml4 {
    transform: translateY(-3px) !important;
  }
}

/* Growth Digital - Fix hamburger mobile click v16 */
/* Restaura interacción del menú mobile sin cambiar diseño */

@media screen and (max-width: 767px) {

  /* Contenedor visual del botón */
  .cnav-menu-v2-aoq1VMrgv4,
  .nav-menu-v2-aoq1VMrgv4 {
    position: relative !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
    overflow: visible !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex: 0 0 44px !important;
  }

  /* Evitar que nuestras reglas bloqueen el click interno */
  .cnav-menu-v2-aoq1VMrgv4 *,
  .nav-menu-v2-aoq1VMrgv4 * {
    pointer-events: auto !important;
  }

  /* No forzar overflow sobre el menú desplegable */
  .drawer-nav-menu,
  .modal-animation,
  .add-cta-button-to-modal,
  .nav-menu-wrapper,
  .nav-menu-mobile,
  .nav-menu-ul,
  .nav-menu {
    pointer-events: auto !important;
  }

  /* Cuando el menú se abra, que quede por encima */
  .modal,
  .modal-content,
  .nav-menu-modal,
  .nav-menu-mobile,
  .nav-menu-wrapper,
  .drawer-nav-menu .nav-menu-wrapper,
  .drawer-nav-menu .nav-menu-mobile {
    z-index: 999999 !important;
  }
}