.elementor-8123 .elementor-element.elementor-element-490397e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-8123 .elementor-element.elementor-element-bfcac5a{width:100%;max-width:100%;top:0px;}body:not(.rtl) .elementor-8123 .elementor-element.elementor-element-bfcac5a{left:0px;}body.rtl .elementor-8123 .elementor-element.elementor-element-bfcac5a{right:0px;}/* Start custom CSS for html, class: .elementor-element-bfcac5a *//* BLINDAJE: que Elementor no altere el logo del top bar en ningún tamaño */
.elementor .banner-top-bar img.banner-top-logo{
  width: auto !important;
  max-width: min(480px, 42vw) !important; /* se adapta a móvil */
  height: auto !important;
  max-height: 120px !important;
  flex: 0 0 auto !important;
  display: block !important;
}

/* Asegura que el contenedor flex no estire elementos en móvil */
.elementor .banner-top-bar{
  align-items: center !important;
  gap: 16px !important;
}

.elementor .banner-top-text{
  white-space: nowrap;              /* evita que se rompa raro */
  flex: 0 0 auto !important;
}

/* Mobile: reduce tamaños y evita overflow */
@media (max-width: 768px){
  .elementor .banner-top-bar{
    padding: 16px 18px !important;
    top: 12px !important;
  }

  .elementor .banner-top-text{
    font-size: 14px !important;
    letter-spacing: 0.12em !important;
  }

  .elementor .banner-top-bar img.banner-top-logo{
    max-width: 52vw !important;
    max-height: 80px !important;
  }
}

/* Asegura que el contenedor tenga altura real */
.elementor .banner{
  position: relative;
  overflow: hidden;
}

/* Mobile: usar min-height + viewport dinámico */
@media (max-width: 768px){
  .elementor .banner{
    height: auto !important;
    min-height: 100svh !important;   /* ✅ mejor en móvil */
    min-height: 100dvh !important;   /* ✅ fallback moderno */
    min-height: 100vh !important;    /* fallback viejo */
    margin-top: 20px;
  }

  /* El fondo debe ocupar TODO el banner */
  .elementor .banner .banner-background{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;      /* evita restricciones raras */
    object-fit: cover !important;
  }

  /* Overlay también sobre el fondo */
  .elementor .banner .banner-overlay{
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
  }
}/* End custom CSS */