/* BODY */

.anchoMaximoDesktop {
  max-width: 1200px;
}

p {
  margin-bottom: 5px !important;
  margin-top: 10px !important;
}



/* ----------------------------------------------------------------
	  CABECERA MÓVIL
  -----------------------------------------------------------------*/

.cabecera-movil {
  display: none !important;
}


/* ----------------------------------------------------------------
	  CABECERA DESKTOP
  -----------------------------------------------------------------*/



#header-wrap,
#header {
  background-color: #ffffff;
}

.borde-cabecera-principal {}

.fondo-barra-menu-desktop {
  background-color: #306986 !important;

}

/* MENU */



.menu-link-header {
  color: #ffffff !important;
  font-size: 15px;
  height: 40px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.menu-link-header-sticky {
  color: #ffffff;
  font-size: 13px;
  height: 40px;
  max-height: 40px !important;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: top;
  margin-right: 5px;
}


.menu-item:hover>.menu-link-header {
  color: #ffffff;
}

.menu-item.current>.menu-link-header {
  color: #000000;
}

/* LOGO */

.logo-sticky-shrink {
  height: 35px !important;
  max-height: 35px !important;
  width: auto !important;
  margin-top: -15px !important;
}


/* ----------------------------------------------------------------
	  CABECERA STICKY
  -----------------------------------------------------------------*/

.sticky-header-shrink #header-wrap {
  background-color: #306986 !important;
  max-height: 51px !important;
  height: 51px !important;
}

.sticky-header-shrink .menu-link-sticky {
  font-size: 13px;
  color: #ffffff;
}

.menu-item:hover>.menu-link-sticky {
  color: #ffffff;
}

.menu-item.current>.menu-link-sticky {
  color: var(--cnvs-primary-menu-active-color);
}


.sticky-header-shrink .cabecera-desktop-menu {
  display: none;
}

.sticky-header-shrink .cabecera-desktop-banner-container {
  display: none;
}

/* Menú en Sticky Desktop */

.sticky-header-shrink .sticky-desktop-menu-container {
  display: inherit !important;
  margin-top: -10px !important;
}

.sticky-header-shrink .sticky-desktop-menu-container {
  display: inherit !important;
  z-index: 99999 !important;
}

/* CSS para alinear el menú sticky a la izquierda */
#stickyDesktop .menu-item {
  text-align: left;
}


/* Cabecera*/

.logo-default {
  width: auto !important;
  height: 55px !important;
  max-height: 55px !important;
}

/* ADS */

.contenedorBannerPersiana {

  width: 100%;


}

/* CONFERENCIAS FALDÓN LOGOS */

/* Sticky Pie Ads */

.stickyPatrocinadoresFaldon {
  display: inherit;
}

.stickyPatrocinadoresFaldonsticky-ads {
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  height: 110px;
  box-shadow: 0 -6px 25px 0 rgba(9, 32, 76, .1);
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
  display: block;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  z-index: 20;

}

.stickyPatrocinadoresFaldon {
  transition: opacity 0.3s;
}

.fadeOut {
  opacity: 0;
  visibility: hidden;
}


.stickyPatrocinadoresFaldonsticky-ads .stickyPatrocinadoresFaldonsticky-ads-content {
  overflow: hidden;
  display: block;
  position: relative;
  height: 110px;
  width: 100%;
  max-width: 1200px;
  padding: 5px;
  margin-right: auto;
  margin-left: auto;
  background-color: #ffffff;
}

#sliderContainer {
  width: 1200px;
  /* o el tamaño que necesites */
  overflow: hidden;
  /* ocultar el contenido que rebasa el ancho */
  white-space: nowrap;
  /* para que las imágenes se coloquen en línea */
  margin: 0 auto;
  /* centrar horizontalmente */
  position: relative;
  /* puedes ajustarlo según tu diseño */
}

#sliderContainer a {
  display: inline-block;
  margin: 0 20px;
  /* separación entre logos */
  vertical-align: middle;
}

#sliderContainer img {
  max-height: 62px;
  /* ajusta altura según tu diseño */
  transition: transform 0.2s;
  cursor: pointer;
}

#sliderContainer img:hover {
  transform: scale(1.1);
  /* ligero zoom al pasar el ratón */
}

/* BANNER POPUP */

/* POPUP */

body.no-scroll {
  overflow: hidden;
}

#popupAds {

	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	z-index: 16000001;

}

.content-popup-ads {
	margin: 0px auto;
	margin-top: 20px;
	position: relative;
	width: 1000px;
	min-height: 600px;
	border-radius: 4px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 5px #666666;
}

.content-popup-ads h2 {
	color: #48484B;
	border-bottom: 1px solid #48484B;
	margin-top: 0;
	padding-bottom: 4px;
}

.popup-overlay-ads {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 16000000;
	display: none;
	background-color: #0d2540;
	cursor: pointer;
	opacity: 0.9;
	height: 100%;
	min-height: 800px;
}

.close-popup-ads {
	position: absolute;
	right: 10px;
	top: 5px;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 10px;
}


/* BANNER FLOTANTE */
.banner-flotante-brand-banner {
  opacity: 1;
  /* Inicialmente visibles */
  transition: opacity 0.3s ease-in-out;
  /* Transición suave para la ocultación */
}

.banner-oculto {
  opacity: 0;
  pointer-events: none; /* Evita que los banners ocultos capturen eventos del ratón */
}

.banner-izquierda {
  position: fixed;
  left: calc(50% - 1200px/2 - 160px - 10px);
  top: 60px;
  /* Puedes ajustar la posición vertical inicial */
  width: 160px;
  height: 600px;
  z-index: 10000;
  /* Asegura que el banner esté por encima del contenido si es necesario */
}

.banner-derecha {
  position: fixed;
  right: calc(50% - 1200px/2 - 160px - 10px);
  top: 60px;
  /* Puedes ajustar la posición vertical inicial */
  width: 160px;
  height: 600px;
  z-index: 10000;
  /* Asegura que el banner esté por encima del contenido si es necesario */
}

/* Opcional: Estilos adicionales para los banners */
.banner-flotante-brand-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* Ajusta la imagen al tamaño del banner */
}




/* BREAKPOINTS */

@media (max-width: 1400px) {

  .menu-link-header-sticky,
  .menu-link-sticky {

    font-size: 13px !important;
    padding: 2px !important;
    margin-right: 0.2rem !important;
  }


}


@media (max-width: 1200px) {

  .cabecera-desktop-menu {
    display: none !important;
  }


  .primary-menu-trigger {
    display: inherit !important;
  }



  .sticky-desktop-menu-container {
    display: none !important;
  }



}

@media (max-width: 1200px) {


  .menu-link-header {
    color: #202529 !important;
  }


  .sticky-desktop-menu {
    display: none !important;
  }

  .cabecera-desktop-banner-container img {
    width: 90% !important;
    height: auto !important;
  }
}

@media (max-width: 992px) {


  .cabecera-movil {
    display: inherit !important;
  }

  #logo {
    max-width: 200px;
    height: auto;
  }


  .header-wrap-clone {
    display: none !important;
  }

  #header-wrap {
    top: 0px;
  }

}

@media (max-width: 768px) {}

@media (max-width: 700px) {

  .cabecera-desktop-banner-container {
    display: none;
  }

}