/* UBD Home · Hero desktop apilado 0.7.2
   Sólo >=700px. No cambia HTML, JS, slider, fecha, búsqueda ni móvil.
   Prioridad deliberadamente alta para vencer estilos live del Hero Manager. */

@media (min-width:700px){
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:stretch !important;
    gap:14px !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:12px !important;
    overflow:visible !important;
    isolation:isolate !important;
    border-radius:28px !important;
    background:#fff !important;
  }

  /* Slide: primera fila, ancho completo, sin invadir el contenido. */
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero > .ubd-mod-hero-media[data-ubd-mod-hero]{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    grid-column:1 !important;
    grid-row:1 !important;
    order:1 !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16 / 7 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:28px !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
  }

  /* Fondo del slide siempre transparente: la imagen manda. */
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero > .ubd-mod-hero-media[data-ubd-mod-hero] > a,
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero > .ubd-mod-hero-media[data-ubd-mod-hero] picture,
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero .ubd-hero-manager-slider,
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero .ubd-hero-manager-picture{
    background:transparent !important;
  }

  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero > .ubd-mod-hero-media[data-ubd-mod-hero] > a{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
  }

  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero .ubd-hero-manager-slider,
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero .ubd-hero-manager-picture{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }

  /* El recorte definitivo lo genera el módulo: aquí sólo se muestra, sin segundo crop. */
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero .ubd-hero-manager-img,
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-media img.ubd-hero-slide{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  /* Información: segunda fila y ancho completo. */
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero > .ubd-mod-hero-copy{
    position:relative !important;
    inset:auto !important;
    grid-column:1 !important;
    grid-row:2 !important;
    order:2 !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;
    grid-template-rows:auto auto auto auto !important;
    align-content:start !important;
    align-items:start !important;
    column-gap:clamp(28px,4vw,62px) !important;
    row-gap:12px !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:clamp(24px,3vw,38px) clamp(24px,4vw,52px) !important;
    border-radius:26px !important;
    background:#f7f2ea !important;
    box-shadow:none !important;
  }

  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > span{
    grid-column:1 !important;
    grid-row:1 !important;
    margin:0 !important;
  }

  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > h1{
    grid-column:1 !important;
    grid-row:2 / span 3 !important;
    align-self:start !important;
    max-width:780px !important;
    margin:0 !important;
    font-size:clamp(38px,4.5vw,66px) !important;
    line-height:.92 !important;
    text-wrap:balance !important;
  }

  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > p{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;
    max-width:620px !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.55 !important;
  }

  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > .ubd-mod-search{
    grid-column:2 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > .ubd-mod-hero-chips{
    grid-column:2 !important;
    grid-row:3 !important;
    margin:0 !important;
  }

  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > .ubd-mod-hero-buttons{
    grid-column:2 !important;
    grid-row:4 !important;
    margin:2px 0 0 !important;
  }
}

/* Laptop/desktop angosto: sigue debajo del slide, pero la tarjeta informativa se apila. */
@media (min-width:700px) and (max-width:980px){
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero > .ubd-mod-hero-copy{
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    gap:12px !important;
  }
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > span,
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > h1,
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > p,
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > .ubd-mod-search,
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > .ubd-mod-hero-chips,
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > .ubd-mod-hero-buttons{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  html.ubd-native-home-theme.ubd-modular-ready:not(.ubd-mode-simple)
  body#index #ubd-modular-bonito #mb-home-primary .ubd-mod-hero-copy > h1{
    font-size:clamp(38px,6vw,58px) !important;
  }
}