/**
 * Cabecera responsive YouFormación
 * Solo aplica en viewport <= 1025px. Escritorio ancho: sin cambios.
 */

@media (max-width: 1025px) {
	/* Menú superior compacto: solo toggler, sin franja alta */
	#header .header_default.header_2 .header_top_bar.header_2_top_bar,
	#header-mobile .header_2 .header_top_bar.header_2_top_bar {
		padding: 6px 14px 0 !important;
		margin: 0 !important;
		border-bottom: none !important;
		background: transparent !important;
	}

	#header .header_default.header_2 .header_2_top_bar__inner,
	#header-mobile .header_2 .header_2_top_bar__inner {
		justify-content: flex-end;
		align-items: center;
		min-height: 0;
		padding: 0;
	}

	#header .header_default.header_2 .header_top_bar .header_top_bar_socs,
	#header .header_default.header_2 .header_top_bar .header-menu,
	#header .header_default.header_2 .header_top_bar .stm_lms_wpml_switcher,
	#header-mobile .header_2 .header_top_bar .header_top_bar_socs,
	#header-mobile .header_2 .header_top_bar .header-menu {
		display: none !important;
	}

	#header .header_default.header_2 .stm_menu_toggler,
	#header-mobile .header_2 .stm_menu_toggler {
		margin: 0;
		padding: 4px 0;
		font-size: 13px;
		line-height: 1.2;
	}

	#header .header_default.header_2,
	#header-mobile .header_2 {
		padding-top: 4px !important;
		padding-bottom: 4px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	}

	#header .header_2 .header_top,
	#header-mobile .header_2 .header_top,
	#header-mobile .header_mobile .header_top {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		row-gap: 10px;
		column-gap: 8px;
		padding: 4px 14px 12px;
	}

	#header .header_2 .header_top .logo-unit,
	#header-mobile .header_2 .header_top .logo-unit,
	#header-mobile .header_mobile .header_top .logo-unit {
		order: 1;
		flex: 1 1 auto;
		min-width: 0;
		max-width: calc(100% - 118px);
		margin-right: 0;
		align-self: center;
	}

	#header .header_2 .header_top .logo-unit a,
	#header-mobile .header_2 .header_top .logo-unit a,
	#header-mobile .header_mobile .header_top .logo-unit a {
		display: block;
		line-height: 0;
	}

	#header .header_2 .header_top .logo-unit img,
	#header-mobile .header_2 .header_top .logo-unit img,
	#header-mobile .header_mobile .header_top .logo-unit img {
		width: auto !important;
		max-width: min(168px, 48vw) !important;
		max-height: 42px !important;
		height: auto !important;
		object-fit: contain;
	}

	#header .header_2 .header_top .right-unit,
	#header-mobile .header_2 .header_top .right-unit,
	#header-mobile .header_mobile .header_top .right-unit {
		display: flex !important;
		order: 2;
		flex: 0 0 auto;
		margin-left: auto;
		align-items: center;
		align-self: center;
	}

	#header .header_2 .header_top .right-unit > *,
	#header-mobile .header_2 .header_top .right-unit > *,
	#header-mobile .header_mobile .header_top .right-unit > * {
		margin-left: 0 !important;
	}

	#header .header_2 .header_top .right-unit .btn-default,
	#header .header_2 .header_top .right-unit .stm_lms_wishlist_button,
	#header .header_2 .header_top .right-unit .stm_lms_account_dropdown,
	#header .header_2 .header_top .right-unit .stm_lms_settings_button,
	#header-mobile .header_2 .header_top .right-unit .btn-default,
	#header-mobile .header_2 .header_top .right-unit .stm_lms_wishlist_button,
	#header-mobile .header_2 .header_top .right-unit .stm_lms_account_dropdown,
	#header-mobile .header_mobile .header_top .right-unit .btn-default,
	#header-mobile .header_mobile .header_top .right-unit .stm_lms_wishlist_button,
	#header-mobile .header_mobile .header_top .right-unit .stm_lms_account_dropdown {
		display: none !important;
	}

	#header .header_2 .header_top .center-unit,
	#header-mobile .header_2 .header_top .center-unit,
	#header-mobile .header_mobile .header_top .center-unit {
		display: flex !important;
		order: 3;
		width: 100%;
		flex: 0 0 100%;
		padding: 0 !important;
		margin: 0;
		min-height: 48px;
		visibility: visible !important;
		opacity: 1 !important;
		overflow: visible !important;
	}

	#header .header_2 .header_top .stm_header_links,
	#header-mobile .header_2 .header_top .stm_header_links,
	#header-mobile .header_mobile .header_top .stm_header_links {
		display: none !important;
	}

	#header .header_2 .header_top .stm_header_top_search,
	#header .header_2 .header_top .stm_header_top_toggler,
	#header-mobile .header_2 .header_top .stm_header_top_search,
	#header-mobile .header_2 .header_top .stm_header_top_toggler,
	#header-mobile .header_mobile .header_top .stm_header_top_search,
	#header-mobile .header_mobile .header_top .stm_header_top_toggler,
	#header-mobile .header_mobile .header_top button.stm_header_top_search {
		display: none !important;
	}

	#header .header_2 .header_top .stm_lms_log_in,
	#header-mobile .header_2 .header_top .stm_lms_log_in,
	#header-mobile .header_mobile .header_top .stm_lms_log_in {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 5px;
		padding: 7px 10px;
		min-height: 34px;
		background: #682682;
		color: #fff !important;
		border-radius: 8px;
		font-weight: 600;
		font-size: 11px;
		line-height: 1.15;
		text-decoration: none !important;
		white-space: nowrap;
		box-shadow: 0 1px 6px rgba(104, 38, 130, 0.22);
		border: none;
	}

	#header .header_2 .header_top .stm_lms_log_in i,
	#header-mobile .header_2 .header_top .stm_lms_log_in i,
	#header-mobile .header_mobile .header_top .stm_lms_log_in i {
		display: inline-block !important;
		font-size: 14px;
		line-height: 1;
		margin: 0;
		position: static;
		top: auto;
	}

	#header .header_2 .header_top .stm_lms_log_in span,
	#header-mobile .header_2 .header_top .stm_lms_log_in span,
	#header-mobile .header_mobile .header_top .stm_lms_log_in span {
		display: inline !important;
		font-size: 0;
		line-height: 1.15;
	}

	#header .header_2 .header_top .stm_lms_log_in span::after,
	#header-mobile .header_2 .header_top .stm_lms_log_in span::after,
	#header-mobile .header_mobile .header_top .stm_lms_log_in span::after {
		content: "Entrar al campus";
		font-size: 11px;
		font-weight: 600;
	}

	#header .header_2 .header_top .stm_courses_search,
	#header-mobile .header_2 .header_top .stm_courses_search,
	#header-mobile .header_mobile .header_top .stm_courses_search {
		width: 100%;
		display: flex !important;
		align-items: center;
		gap: 8px;
		margin: 0;
		background: #f3f4f6;
		border-radius: 12px;
		padding: 6px !important;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
	}

	#header .header_2 .header_top .stm_lms_categories,
	#header-mobile .header_2 .header_top .stm_lms_categories,
	#header-mobile .header_mobile .header_top .stm_lms_categories {
		flex: 0 0 auto;
		margin: 0;
		padding: 0 4px;
		white-space: nowrap;
	}

	#header .header_2 .header_top .stm_lms_categories .heading_font,
	#header-mobile .header_2 .header_top .stm_lms_categories .heading_font,
	#header-mobile .header_mobile .header_top .stm_lms_categories .heading_font {
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		color: #682682;
	}

	#header .header_2 .header_top .stm_lms_categories .stmlms-hamburger,
	#header-mobile .header_2 .header_top .stm_lms_categories .stmlms-hamburger,
	#header-mobile .header_mobile .header_top .stm_lms_categories .stmlms-hamburger {
		color: #682682;
	}

	#header .header_2 .header_top .center-unit .stm_lms_courses_search,
	#header-mobile .header_2 .header_top .center-unit .stm_lms_courses_search,
	#header-mobile .header_mobile .header_top .center-unit .stm_lms_courses_search {
		display: block !important;
		flex: 1 1 auto;
		min-width: 0;
		width: auto;
		position: relative;
		visibility: visible !important;
		opacity: 1 !important;
		font-size: 0;
		line-height: 0;
		min-height: 46px;
	}

	#header .header_2 .header_top .center-unit .stm_lms_courses_search form,
	#header-mobile .header_2 .header_top .center-unit .stm_lms_courses_search form,
	#header-mobile .header_mobile .header_top .center-unit .stm_lms_courses_search form,
	#header .header_2 .header_top .center-unit .stm_lms_courses_search__button,
	#header-mobile .header_2 .header_top .center-unit .stm_lms_courses_search__button,
	#header-mobile .header_mobile .header_top .center-unit .stm_lms_courses_search__button {
		font-size: 15px;
		line-height: normal;
	}

	#header .header_2 .header_top .center-unit .stm_lms_courses_search input,
	#header-mobile .header_2 .header_top .center-unit .stm_lms_courses_search input,
	#header-mobile .header_mobile .header_top .center-unit .stm_lms_courses_search input,
	#header .header_2 .header_top .center-unit .stm_lms_courses_search .autocomplete input,
	#header-mobile .header_2 .header_top .center-unit .stm_lms_courses_search .autocomplete input {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		height: 46px !important;
		min-height: 46px !important;
		padding: 0 50px 0 14px !important;
		background: #fff !important;
		border: 1px solid #dfe1e6 !important;
		border-radius: 10px !important;
		font-size: 15px !important;
		line-height: 46px !important;
		color: #1a1a2e !important;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
		-webkit-appearance: none;
		appearance: none;
	}

	#header .header_2 .header_top .center-unit .stm_lms_courses_search input::placeholder,
	#header-mobile .header_2 .header_top .center-unit .stm_lms_courses_search input::placeholder {
		color: #8a8f9c;
		opacity: 1;
	}

	#header .header_2 .header_top .center-unit .stm_lms_courses_search__button,
	#header-mobile .header_2 .header_top .center-unit .stm_lms_courses_search__button,
	#header-mobile .header_mobile .header_top .center-unit .stm_lms_courses_search__button {
		position: absolute !important;
		right: 4px !important;
		top: 50% !important;
		bottom: auto !important;
		transform: translateY(-50%);
		width: 42px !important;
		height: 42px !important;
		line-height: 42px !important;
		border-radius: 8px !important;
		margin: 0;
	}

	#header .header_2 .header_top .center-unit .stm_lms_courses_search__button i,
	#header-mobile .header_2 .header_top .center-unit .stm_lms_courses_search__button i {
		line-height: 42px !important;
		font-size: 16px !important;
	}
}

@media (max-width: 400px) {
	#header .header_2 .header_top .logo-unit,
	#header-mobile .header_2 .header_top .logo-unit,
	#header-mobile .header_mobile .header_top .logo-unit {
		max-width: calc(100% - 100px);
	}

	#header .header_2 .header_top .logo-unit img,
	#header-mobile .header_2 .header_top .logo-unit img,
	#header-mobile .header_mobile .header_top .logo-unit img {
		max-width: min(148px, 44vw) !important;
		max-height: 38px !important;
	}

	#header .header_2 .header_top .stm_lms_log_in span::after,
	#header-mobile .header_2 .header_top .stm_lms_log_in span::after,
	#header-mobile .header_mobile .header_top .stm_lms_log_in span::after {
		content: "Campus";
		font-size: 11px;
	}

	#header .header_2 .header_top .stm_lms_log_in,
	#header-mobile .header_2 .header_top .stm_lms_log_in,
	#header-mobile .header_mobile .header_top .stm_lms_log_in {
		padding: 7px 9px;
		gap: 4px;
		min-height: 32px;
	}

	#header .header_2 .header_top .stm_lms_categories .heading_font,
	#header-mobile .header_2 .header_top .stm_lms_categories .heading_font {
		display: none;
	}
}