/* V5.50 — home.css
   Portada aislada para evitar conflictos con styles.css acumulado.
   Solución: layout de una columna, cache busting y escalado por ancho.
*/

body.home-page{
  overflow-x:hidden;
}

body.home-page main.index-reordered-main,
body.home-page main{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  clear:both !important;
}

body.home-page .header-bocinas{
  box-sizing:border-box !important;
  display:block !important;
  width:min(1180px, calc(100% - 32px)) !important;
  max-width:1180px !important;
  margin:34px auto 26px !important;
  padding-left:28px !important;
  padding-right:28px !important;
  float:none !important;
  clear:both !important;
}

body.home-page .index-hero-image{
  box-sizing:border-box !important;
  display:block !important;
  width:min(1040px, calc(100% - 32px)) !important;
  max-width:1040px !important;
  margin:24px auto 20px !important;
  padding:10px !important;
  border-radius:28px !important;
  background:rgba(255,250,241,.78) !important;
  border:1px solid rgba(19,63,53,.12) !important;
  box-shadow:0 18px 44px rgba(19,63,53,.10) !important;
  overflow:hidden !important;
  float:none !important;
  clear:both !important;
  transform:none !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
}

body.home-page .index-hero-image img{
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:initial !important;
  object-position:center center !important;
  margin:0 auto !important;
  border-radius:18px !important;
  transform:none !important;
  position:static !important;
}

body.home-page .index-map-cta{
  box-sizing:border-box !important;
  display:block !important;
  width:min(760px, calc(100% - 32px)) !important;
  max-width:760px !important;
  margin:0 auto 24px !important;
  padding:0 !important;
  float:none !important;
  clear:both !important;
}

body.home-page .index-map-cta .btn,
body.home-page .index-map-cta a{
  width:100% !important;
}

body.home-page .container.index-quick,
body.home-page .index-quick{
  box-sizing:border-box !important;
  display:block !important;
  width:min(1180px, calc(100% - 32px)) !important;
  max-width:1180px !important;
  margin:0 auto 32px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  float:none !important;
  clear:both !important;
}

@media(max-width:760px){
  body.home-page .header-bocinas{
    width:calc(100% - 24px) !important;
    margin:20px auto 18px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  body.home-page .index-hero-image{
    width:calc(100% - 24px) !important;
    margin:18px auto 16px !important;
    padding:6px !important;
    border-radius:20px !important;
  }

  body.home-page .index-hero-image img{
    border-radius:14px !important;
  }

  body.home-page .index-map-cta,
  body.home-page .container.index-quick,
  body.home-page .index-quick{
    width:calc(100% - 24px) !important;
  }
}