/* ========================================
   CSS OPTIMIZADO - MÓVIL COMPACTO
   ======================================== */

/* HERO/BANNER - Alturas consistentes */
/*[data-element-id="elm_nmNs5xi2SuKehGhVo-vNiw"].zphero {
  min-height: 700px !important;
}

/* Slide principal - Sin bordes */
[data-element-id="elm_WYHUCu3NQY2raxht7y3JDw"].zphero-slide {
  border: none !important;
  outline: none !important;
  background: white !important;
}

.zpslider-img {
  border: none !important;
  outline: none !important;
  background-color: rgb(255, 255, 255) !important;
}

/* ========== TÍTULO PRINCIPAL ========== */
[data-element-id="elm_LIEhO3u5qWOo5c95qkfDaQ"] h6.zpheading {
  font-size: 45px !important;
  text-align: center !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[data-element-id="elm_LIEhO3u5qWOo5c95qkfDaQ"].zpelem-heading {
  margin-block-start: 14px !important;
}

[data-element-id="elm_LIEhO3u5qWOo5c95qkfDaQ"] h6.zpheading span {
  font-size: inherit !important;
  display: inline !important;
}

/* ========== TEXTOS DESCRIPTIVOS ========== */
[data-element-id="elm_7uDmZUCCVSTp78LhYhH9bQ"].zpelem-text {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-block-start: 30px !important;
}

[data-element-id="elm_7uDmZUCCVSTp78LhYhH9bQ"] .zptext p {
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
}

/* ========== BOTÓN ========== */
[data-element-id="elm_jcAe89MqxDGgcUQv_jAgpw"].zpelem-button {
  margin-block-start: 40px !important;
}

/* ========== CONTENEDORES ========== */
[data-element-id="elm_nHj-baS1qmEPUp2nEQVYMw"].zpelem-box {
  margin-block-start: 80px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 40px !important;
}

[data-element-id="elm_-zGLoCHJeBzsp6JYNXqSNA"].zpelem-col {
  margin-block-start: 0px !important;
}

[data-element-id="elm_95gBS4yk3U5m1Chj_l3r5A"].zprow {
  margin-block-start: 0px !important;
}

.principal {
  padding: 20px 0 !important;
  border: none !important;
  background: white !important;
}

.cajaGrande {
  padding: 0 5% 40px 5% !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Quitar todos los bordes */
.theme-banner,
.zphero,
.zphero *,
.zprow,
.zpelem-col {
  border: none !important;
  outline: none !important;
}

.theme-banner {
  background: white !important;
  margin-bottom: 0 !important;
}

/* Sección siguiente - sin espacio superior */
#que_es {
  margin-top: 0 !important;
  padding-top: 40px !important;
}

/* ========================================
   TABLET (768px - 991px)
   ======================================== */
@media (min-width: 768px) and (max-width: 991px) {
  [data-element-id="elm_nmNs5xi2SuKehGhVo-vNiw"].zphero {
    min-height: 600px !important;
  }
  
  [data-element-id="elm_LIEhO3u5qWOo5c95qkfDaQ"] h6.zpheading {
    font-size: 38px !important;
    padding: 0 30px !important;
  }
  
  [data-element-id="elm_7uDmZUCCVSTp78LhYhH9bQ"].zpelem-text {
    padding: 0 30px !important;
    margin-block-start: 25px !important;
  }
  
  [data-element-id="elm_nHj-baS1qmEPUp2nEQVYMw"].zpelem-box {
    margin-block-start: 70px !important;
    padding: 0 30px !important;
  }
  
  [data-element-id="elm_jcAe89MqxDGgcUQv_jAgpw"].zpelem-button {
    margin-block-start: 35px !important;
  }
  
  .cajaGrande {
    padding: 0 4% 35px 4% !important;
  }
}

/* ========================================
   MÓVIL (menor a 767px) - MÁS COMPACTO
   ======================================== */
@media (max-width: 767px) {
  /* Hero MÁS COMPACTO - Reducido */
  [data-element-id="elm_nmNs5xi2SuKehGhVo-vNiw"].zphero {
    min-height: 520px !important;
  }
  
  /* Título - Tamaño optimizado */
  [data-element-id="elm_LIEhO3u5qWOo5c95qkfDaQ"] h6.zpheading {
    font-size: 28px !important;
    letter-spacing: 0.3px !important;
    line-height: 1.25 !important;
    padding: 0 20px !important;
    margin-bottom: 0 !important;
  }
  
  [data-element-id="elm_LIEhO3u5qWOo5c95qkfDaQ"] h6.zpheading span {
    font-size: inherit !important;
  }
  
  [data-element-id="elm_LIEhO3u5qWOo5c95qkfDaQ"].zpelem-heading {
    margin-block-start: 15px !important;
    margin-block-end: 0 !important;
  }
  
  /* Textos descriptivos - Espaciado reducido */
  [data-element-id="elm_7uDmZUCCVSTp78LhYhH9bQ"].zpelem-text {
    padding: 0 25px !important;
    margin-block-start: 18px !important;
    font-size: 15px !important;
  }
  
  [data-element-id="elm_7uDmZUCCVSTp78LhYhH9bQ"] .zptext p {
    margin-bottom: 12px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }
  
  /* Caja contenedora - Más arriba */
  [data-element-id="elm_nHj-baS1qmEPUp2nEQVYMw"].zpelem-box {
    margin-block-start: 45px !important;
    padding: 0 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  
  /* Botón - Espaciado reducido */
  [data-element-id="elm_jcAe89MqxDGgcUQv_jAgpw"].zpelem-button {
    margin-block-start: 24px !important;
    margin-block-end: 0 !important;
  }
  
  /* Columna del botón - sin margen extra */
  [data-element-id="elm_76rLVV0BNre2xk-4ao1Ydw"].zpelem-col {
    margin-block-start: 0 !important;
  }
  
  /* Contenedores generales - Padding reducido */
  .principal {
    padding: 15px 0 10px 0 !important;
  }
  
  .cajaGrande {
    padding: 0 5% 20px 5% !important;
  }
  
  /* Sección siguiente - Pegada */
  #que_es {
    margin-top: 0 !important;
    padding-top: 30px !important;
  }
  
  /* Quitar margen del banner */
  .theme-banner {
    margin-bottom: 0 !important;
  }
}

/* ========================================
   MÓVIL MEDIANO (430px - iPhone 15, 14, 13)
   ======================================== */
@media (max-width: 430px) {
  [data-element-id="elm_nmNs5xi2SuKehGhVo-vNiw"].zphero {
    min-height: 500px !important;
  }
  
  [data-element-id="elm_LIEhO3u5qWOo5c95qkfDaQ"] h6.zpheading {
    font-size: 26px !important;
    padding: 0 18px !important;
    line-height: 1.3 !important;
  }
  
  [data-element-id="elm_7uDmZUCCVSTp78LhYhH9bQ"].zpelem-text {
    padding: 0 20px !important;
    font-size: 14.5px !important;
    margin-block-start: 16px !important;
  }
  
  [data-element-id="elm_7uDmZUCCVSTp78LhYhH9bQ"] .zptext p {
    margin-bottom: 10px !important;
  }
  
  [data-element-id="elm_nHj-baS1qmEPUp2nEQVYMw"].zpelem-box {
    margin-block-start: 40px !important;
    padding: 0 18px !important;
  }
  
  [data-element-id="elm_jcAe89MqxDGgcUQv_jAgpw"].zpelem-button {
    margin-block-start: 22px !important;
  }
  
  .cajaGrande {
    padding: 0 4% 18px 4% !important;
  }
  
  #que_es {
    padding-top: 25px !important;
  }
}

/* ========================================
   MÓVIL PEQUEÑO (375px - iPhone SE, 12 Mini)
   ======================================== */
@media (max-width: 375px) {
  [data-element-id="elm_nmNs5xi2SuKehGhVo-vNiw"].zphero {
    min-height: 485px !important;
  }
  
  [data-element-id="elm_LIEhO3u5qWOo5c95qkfDaQ"] h6.zpheading {
    font-size: 24px !important;
    padding: 0 15px !important;
  }
  
  [data-element-id="elm_7uDmZUCCVSTp78LhYhH9bQ"].zpelem-text {
    padding: 0 18px !important;
    font-size: 14px !important;
    margin-block-start: 14px !important;
  }
  
  [data-element-id="elm_nHj-baS1qmEPUp2nEQVYMw"].zpelem-box {
    margin-block-start: 35px !important;
    padding: 0 15px !important;
  }
  
  [data-element-id="elm_jcAe89MqxDGgcUQv_jAgpw"].zpelem-button {
    margin-block-start: 20px !important;
  }
  
  .cajaGrande {
    padding: 0 3.5% 15px 3.5% !important;
  }
  
  #que_es {
    padding-top: 20px !important;
  }
}