/* Fondo mobile alternativo para sección Hatsumi */
@media (max-width: 767px){
  .hero-hatsumi{
    background-image: url('https://www.ryuzankai.com.ar/wp-content/uploads/2025/08/ryuzankai_bg_mobile_soke-hero.png') !important;
    background-position: center top !important;
    background-size: cover !important;
    min-height: 92vh;
  }
}

/* Fondo mobile alternativo para sección Dragon */
@media (max-width: 767px){
  .dragon{
    background-image: url('https://www.ryuzankai.com.ar/wp-content/uploads/2025/08/ryuzankai_bg_mobile_dragon.png') !important;
    background-position: center top !important;
    background-size: cover !important;
    min-height: 92vh;
  }
}

/* Fondo mobile alternativo para sección Kabuto */
@media (max-width: 767px){
  .kabuto{
    background-image: url('https://www.ryuzankai.com.ar/wp-content/uploads/2025/08/ryuzankai_bg_mobile_kabuto.png') !important;
    background-position: center top !important;
    background-size: cover !important;
    min-height: 92vh;
  }
}


/* ===== HEADERS MOBILE TUNING ===== */
@media (max-width: 767px){

  /* Compacta H1/H2/H3 dentro de secciones clave */
  .hero-hatsumi h1, .hero-hatsumi h2, .hero-hatsumi h3,
  .dragon h1, .dragon h2, .dragon h3,
  .kabuto h1, .kabuto h2, .kabuto h3 {
    line-height: 1.15 !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.2px;
  }

  /* Tamaños sugeridos (ajusta si querés más chico/grande) */
  .hero-hatsumi h1, .dragon h1, .kabuto h1 { 
    font-size: clamp(26px, 6.2vw, 30px) !important; 
  }
  .hero-hatsumi h2, .dragon h2, .kabuto h2 { 
    font-size: clamp(22px, 5.6vw, 26px) !important; 
  }
  .hero-hatsumi h3, .dragon h3, .kabuto h3 { 
    font-size: clamp(18px, 4.8vw, 22px) !important; 
  }

  /* Si en WPBakery el título tiene <br>, en mobile lo ocultamos */
  .vc_custom_heading br { display: none; }
}

@media (max-width: 767px){
  h5.pilares-title{
    font-size: 18px !important;     /* más chico para evitar corte */
    line-height: 1.3 !important;
    white-space: normal !important;
    word-break: break-word !important;
    margin-bottom: 12px !important;
  }
}