/* Mobile Responsive Fix */
@media only screen and (max-width: 767px) {
  html, body {
    width: 100% !important;
    overflow-x: hidden !important;
  }
  
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  
  [class*="col-"] {
    width: 100% !important;
    float: none !important;
  }
  
  /* FIX HEADER IMAGEN - Permitir altura completa */
  #header, 
  .header-image, 
  .region-header,
  #block-block-1,
  .block-block,
  header,
  .navbar-header,
  .page-header {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  
  /* Contenedor del header sin restricciones */
  #header > *,
  .region-header > *,
  .page-header > * {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  
  #header img, 
  .header-image img, 
  .region-header img,
  #block-block-1 img,
  header img,
  .page-header img {
    max-width: 100% !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    object-position: top center !important;
  }
  
  /* Forzar que ningún padre restrinja la altura */
  #header .container,
  #header .container-fluid,
  .region-header .container,
  .page-header .container {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }
  
  /* Si hay un row o col que lo contenga */
  #header .row,
  #header [class*="col-"],
  .region-header .row,
  .region-header [class*="col-"] {
    height: auto !important;
    max-height: none !important;
  }
  
  .sidebar, .region-sidebar-first, .region-sidebar-second {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
  }
  
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  table {
    display: block !important;
    overflow-x: auto !important;
    width: 100% !important;
  }
  
  .navbar-collapse {
    max-height: none !important;
  }
  
  /* Mejorar el menú sidebar en mobile */
  .sidebar .menu li,
  .region-sidebar-first .menu li {
    font-size: 16px !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #e0e0e0;
  }
  
  .sidebar .menu li a,
  .region-sidebar-first .menu li a {
    display: block !important;
    padding: 10px 15px !important;
  }
  
  /* Botones amarillos más grandes */
  .sidebar a img,
  .region-sidebar-first a img,
  .sidebar .block img {
    max-width: 200px !important;
    margin: 10px auto !important;
    display: block !important;
  }
  
  /* Centrar logo de Rafaela en header */
  .region-header .block {
    text-align: center !important;
  }
  
  /* Mejorar espaciado del contenido principal */
  #content,
  .region-content {
    padding: 15px !important;
  }
  
  /* Mejorar títulos en mobile */
  h1 {
    font-size: 24px !important;
  }
  
  h2 {
    font-size: 20px !important;
  }
  
  /* Links de contacto más legibles */
  a {
    word-break: break-word !important;
  }
}