.mth-desktop-hidden{
	display:block;
}

.mth-mobile-hidden{
	display:none;
}

@media (max-width: 768px) {
	
	.mth-desktop-hidden{
	display:none;
}

.mth-mobile-hidden{
	display:block;
}

	
	/* =========================================================
   HEADER - Hoja de estilos extraída
   Fuente: header#header.header-default.header-one
   ========================================================= */

/* ---------------------------------------------------------
   1. HEADER PRINCIPAL
   --------------------------------------------------------- */

#header,
.header-default.header-one {
  margin: 16px 20px 0;
  width: calc(100% - 40px) !important;
}


/* ---------------------------------------------------------
   2. STICKY WRAPPER
   --------------------------------------------------------- */

.sticky-wrapper {
  /* Elemento contenedor del sticky — sin estilos inline declarados */
}


/* ---------------------------------------------------------
   3. HEADER ONE — MAIN
   --------------------------------------------------------- */

.header-one__main.gv-sticky-menu {
  /* Sin estilos inline declarados */
}

.header-one__content {
  /* Sin estilos inline declarados */
}

.header-one__main-inner.p-relative {
  /* Sin estilos inline declarados */
}


/* ---------------------------------------------------------
   4. COLUMNA IZQUIERDA
   --------------------------------------------------------- */

.header-one__left {
  flex-direction: column;
  position: relative;
}


/* ---------------------------------------------------------
   5. BRANDING
   --------------------------------------------------------- */

.header-one__branding {
  display: flex;
  width: 100%;
  flex: 0;
  justify-content: space-between;
  align-items: center;
  margin: 12px;
  flex-direction: row;
}

.region.region__branding {
  /* Sin estilos inline declarados */
}

/* Logo / enlace de inicio */
a.site-branding-logo {
  /* Sin estilos inline declarados */
}

img.logo-site {
  /* Sin estilos inline declarados */
}


/* ---------------------------------------------------------
   6. MENÚ HAMBURGUESA (MOBILE)
   --------------------------------------------------------- */

#menu-bar,
.menu-bar.menu-bar-mobile {
  z-index: 99;
  position: relative;
  top: inherit;
  right: inherit;
  margin: 0 10px 0 0;
}

/* Clases de visibilidad (responsive) */
.d-xxl-none { display: none; } /* Oculto en xxl */
.d-xl-none  { display: none; } /* Oculto en xl  */
.show-view  { display: block; } /* Visible en mobile */

/* Las tres líneas del ícono hamburguesa */
#menu-bar span.one,
#menu-bar span.two,
#menu-bar span.three {
  /* Estilos propios del tema — definidos en la hoja base */
}



.header-one__main-menu {
  width: 100% !important;
}

/* Offcanvas container (mobile) */
.gva-offcanvas-mobile.show-view {
  background: transparent !important;
  position: relative !important;
}

/* Botón de cierre del offcanvas */
.close-offcanvas.hidden {
  display: none !important;
}

.main-menu-inner {
  /* Sin estilos inline declarados */
}

.region.region__main-menu {
  /* Sin estilos inline declarados */
}


/* ---------------------------------------------------------
   8. BLOQUE DE NAVEGACIÓN
   --------------------------------------------------------- */

nav#block-promigas-subtheme-mainnavigation,
.block.block-menu.navigation.menu--main {
  padding: 0 32px !important;
}

/* Título oculto visualmente (accesibilidad) */
h2.visually-hidden.block-title {
  /* Heredado de la clase .visually-hidden del tema */
}

.block-content {
  /* Sin estilos inline declarados */
}

.gva-navigation {
  /* Sin estilos inline declarados */
}


/* ---------------------------------------------------------
   9. LISTA DE NAVEGACIÓN PRINCIPAL
   --------------------------------------------------------- */

ul.gva_menu.gva_menu_main {
  /* Sin estilos inline declarados */
}

ul.gva_menu_main li.menu-item {
  /* Sin estilos inline declarados */
}

ul.gva_menu_main li.menu-item--active-trail {
  /* Elemento activo — estilos definidos en la hoja base del tema */
}

ul.gva_menu_main li.menu-item a {
  /* Sin estilos inline declarados */
}

ul.gva_menu_main li.menu-item a span {
  /* Sin estilos inline declarados */
}


/* ---------------------------------------------------------
   10. COLUMNA DERECHA DEL HEADER
   --------------------------------------------------------- */

.header-one__right {
  /* Sin estilos inline declarados */
}
	
	
	
	
	
  	.header-one__right {
  		display: none !important;
  	}
  	
  	.header-one {
    
    background: #ffffffd9 !important;
  		
  	}
  	
  	
  	
  	
  	
  	
  	.gsc-video-box.style-2 .image .popup-video {
    font-size: 17px !important;
   
   }
   
   .Mobile_slider .bb-inner.default .bb-container.container .row.row-wrapper{
   	flex-wrap: nowrap;
    overflow: scroll;
   }
  	
   #mth-prueba-text{
  	margin-top:3em;
  }
  
	.mth-programa-emprendimiento {
		background-image: url("/sites/default/files/Programas/Mobile/mas_empleo_background.webp") !important;
		background-size: cover !important;
		background-position: top !important;
		padding-top: 240px;
	}
	
	.mth-programa-mas-emprendimiento {
		background-image: url("/sites/default/files/Programas/Mobile/mas_emprendimiento_background.webp") !important;
		background-size: cover !important;
		background-position: top !important;
		padding-top: 240px;
	}
	
	.mth-programas-menu {
		overflow-y: scroll;
	}
	
	.carousel_testimonios_text {
		padding: 0;
	}
	
	.testimonio-content {
		padding: 0 !important;
	}
	
	.mth-title-nuestro-factor-diferencial h1 {
		font-size: 28px !important;
		margin-bottom: 20px;
	}
	
	.mth-title-que-logramos h1 {
		font-size: 28px !important;
	}
	
	.mth-programas-que-logramos {
		background-image: url("/sites/default/files/Programas/Mobile/mas_empleo_2_background.webp") !important;
		background-size: cover !important;
		background-position: top !important;
	}
	
	.mth-title-testimonios h1 {
		font-size: 28px !important;
		margin-top: 80px;
	}
}