/*
 * laive.pe — medidas reales del logo (inspeccionado en producción)
 * Desktop grande (≥1366): 118×61px
 * Desktop medio (719–1365): 80×44px
 */

body.laive-ancho-original {
  --laive-fila-interna: 1079px;
  --laive-fila-ancho: 88.2352941176%;
  --laive-logo-ancho: 80px;
  --laive-logo-alto: 44px;
}

@media (min-width: 719px) {
  body.laive-ancho-original {
    --laive-fila-ancho: 87.0967741935%;
  }
}

@media (min-width: 1366px) {
  body.laive-ancho-original {
    --laive-logo-ancho: 118px;
    --laive-logo-alto: 61px;
  }
}

body.laive-ancho-original .ast-container,
body.laive-ancho-original #content .ast-container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Fila interna: header, footer, contenido de página */
body.laive-ancho-original .header-contenedor > .e-con-inner,
body.laive-ancho-original .header-contenedor.e-con > .e-con-inner,
body.laive-ancho-original .elementor-location-footer > .e-con > .e-con-inner,
body.laive-ancho-original .elementor[data-elementor-type="wp-page"] > .e-con.e-parent:not(.laive-ancho-hero):not(:has(.laive-bv-banner)) > .e-con-inner,
body.laive-ancho-original .elementor[data-elementor-type="single"] > .e-con.e-parent:not(.laive-ancho-hero):not(:has(.laive-bv-banner)) > .e-con-inner,
body.laive-ancho-original .elementor[data-elementor-type="archive"] > .e-con.e-parent:not(.laive-ancho-hero):not(:has(.laive-bv-banner)) > .e-con-inner,
body.laive-ancho-original .laive-ancho-fila > .e-con-inner,
body.laive-ancho-original .e-con-inner.laive-ancho-fila,
body.laive-ancho-original .laive-ancho-fila:not(.e-con):not(.e-parent) {
  width: var(--laive-fila-ancho) !important;
  max-width: var(--laive-fila-interna) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Banner video: hero a ancho completo, sin gap superior */
body.laive-ancho-original .elementor[data-elementor-type="wp-page"] > .e-con.e-parent:has(.laive-bv-banner),
body.laive-ancho-original .elementor[data-elementor-type="single"] > .e-con.e-parent:has(.laive-bv-banner) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --width: 100% !important;
  --content-width: 100% !important;
  --container-max-width: 100% !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
  padding: 0 !important;
  background-color: #000;
}

body.laive-ancho-original .elementor[data-elementor-type="wp-page"] > .e-con.e-parent:has(.laive-bv-banner) > .e-con-inner,
body.laive-ancho-original .elementor[data-elementor-type="single"] > .e-con.e-parent:has(.laive-bv-banner) > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hero ancho completo (video, imagen de fondo, etc.) */
body.laive-ancho-original .elementor .e-con.laive-ancho-hero,
body.laive-ancho-original .elementor .e-con.e-parent.laive-ancho-hero {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --width: 100% !important;
  --content-width: 100% !important;
  --container-max-width: 100% !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.laive-ancho-original .elementor .e-con.laive-ancho-hero > .e-con-inner,
body.laive-ancho-original .elementor .e-con.e-parent.laive-ancho-hero > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* FIX PARA NO RECORTAR FONDOS*/
body.laive-ancho-original .elementor-location-header .header-contenedor,
body.laive-ancho-original .elementor-location-footer > .e-con {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --width: 100% !important;
  --content-width: 100% !important;
  --container-max-width: 100% !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.laive-ancho-original .header-contenedor .elementor-element-2962084 {
  width: auto !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  --width: auto !important;
  justify-content: flex-end !important;
}

body.laive-ancho-original .elementor[data-elementor-type="wp-page"] > .e-con.e-parent,
body.laive-ancho-original .elementor[data-elementor-type="single"] > .e-con.e-parent,
body.laive-ancho-original .elementor[data-elementor-type="archive"] > .e-con.e-parent {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --width: 100% !important;
  --content-width: 100% !important;
  --container-max-width: 100% !important;
}

/* BORRAR PADDING EXTRA EN SECCIONES DE CONTENIDO*/
body.laive-ancho-original .elementor[data-elementor-type="wp-page"] > .e-con.e-parent:not(.laive-ancho-hero):not(:has(.laive-bv-banner)):not(:has(> .e-con-inner .elementor-widget-video)):not(:has(> .e-con-inner .elementor-background-video-hosted)),
body.laive-ancho-original .elementor[data-elementor-type="single"] > .e-con.e-parent:not(.laive-ancho-hero):not(:has(.laive-bv-banner)):not(:has(> .e-con-inner .elementor-widget-video)):not(:has(> .e-con-inner .elementor-background-video-hosted)) {
  --padding-left: 0px !important;
  --padding-right: 0px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.laive-ancho-original .elementor .e-con.e-parent:has(> .e-con-inner .elementor-widget-video) > .e-con-inner,
body.laive-ancho-original .elementor .e-con.e-parent:has(> .e-con-inner .elementor-background-video-hosted) > .e-con-inner,
body.laive-ancho-original .elementor .e-con.e-parent.laive-ancho-hero > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
}

body.laive-ancho-original .header-contenedor .logo-header,
body.laive-ancho-original .header-contenedor .logo-header .elementor-widget-container,
body.laive-ancho-original .header-contenedor .logo-header a,
body.laive-ancho-original .header-contenedor .elementor-element-a3dc45f,
body.laive-ancho-original .header-contenedor .elementor-element-a3dc45f .elementor-widget-container,
body.laive-ancho-original .header-contenedor .elementor-element-a3dc45f a,
body.laive-ancho-original .header-contenedor > .e-con-inner > .elementor-widget-image:first-of-type,
body.laive-ancho-original .header-contenedor > .e-con-inner > .elementor-widget-image:first-of-type .elementor-widget-container,
body.laive-ancho-original .header-contenedor > .e-con-inner > .elementor-widget-image:first-of-type a {
  flex: 0 0 var(--laive-logo-ancho) !important;
  width: var(--laive-logo-ancho) !important;
  min-width: var(--laive-logo-ancho) !important;
  max-width: var(--laive-logo-ancho) !important;
  --container-widget-width: var(--laive-logo-ancho) !important;
}

body.laive-ancho-original .header-contenedor .logo-header img,
body.laive-ancho-original .header-contenedor .logo-header svg,
body.laive-ancho-original .header-contenedor .elementor-element-a3dc45f img,
body.laive-ancho-original .header-contenedor .elementor-element-a3dc45f svg,
body.laive-ancho-original .header-contenedor .logo-header .elementor-icon,
body.laive-ancho-original .header-contenedor .logo-header .elementor-icon svg,
body.laive-ancho-original .header-contenedor > .e-con-inner > .elementor-widget-image:first-of-type img,
body.laive-ancho-original .header-contenedor > .e-con-inner > .elementor-widget-image:first-of-type svg {
  display: block !important;
  width: var(--laive-logo-ancho) !important;
  height: var(--laive-logo-alto) !important;
  min-width: var(--laive-logo-ancho) !important;
  max-width: var(--laive-logo-ancho) !important;
  min-height: var(--laive-logo-alto) !important;
  max-height: var(--laive-logo-alto) !important;
  object-fit: contain;
}