/**
 * PRUEBA: estilos del menú móvil (paneles "Servicios" y "La Academia") según el nuevo diseño.
 * Acotado a .box-content-menu-mobile; para desactivarlo, quitar su wp_enqueue_style de functions.php.
 * Medidas en clamp con base 430px, como 991.less.
 */
@media (max-width: 991px) {

	/* Cabecera del panel: flecha a la izquierda y nombre de la sección centrado */
	.box-content-menu-mobile .btn-back-menu-mobile {
		position: relative;
		justify-content: center;
		padding: clamp(10.6667px, 3.7209vw, 21.3333px) 0;
		color: #fff;
		font-size: clamp(11.3333px, 3.9535vw, 22.6667px);
		font-weight: 500;
	}

	.box-content-menu-mobile .btn-back-menu-mobile svg {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: clamp(14.6667px, 5.1163vw, 29.3333px);
		height: clamp(14.6667px, 5.1163vw, 29.3333px);
	}

	/* Títulos de sección */
	.box-content-menu-mobile .box-content-menu-mobile-section-tt {
		list-style: none;
		padding: clamp(10.6667px, 3.7209vw, 21.3333px) 0 clamp(6.6667px, 2.3256vw, 13.3333px);
		color: #B9C1CC;
		font-size: clamp(8px, 2.7907vw, 16px);
		line-height: 1.3;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}

	.box-content-menu-mobile .box-content-menu-mobile-section-tt:first-child {
		padding-top: clamp(2.6667px, 0.9302vw, 5.3333px);
	}

	/* Objetivos: cards desplegables */
	.box-content-menu-mobile .box-content-menu-mobile-content-links-int-open-li-btn {
		padding: 0;
		margin-bottom: clamp(5.3333px, 1.8605vw, 10.6667px);
	}

	.box-content-menu-mobile .box-content-menu-mobile-content-links-int-open-btn {
		gap: clamp(8px, 2.7907vw, 16px);
		padding: clamp(5.3333px, 1.8605vw, 10.6667px) clamp(6.6667px, 2.3256vw, 13.3333px);
		border-radius: clamp(6.6667px, 2.3256vw, 13.3333px);
		background: #2B333C;
		color: #fff;
		text-align: left;
		transition: background .3s ease;
		background: var(--Foundation-Neutral-neutral-900, #2B333C);
	}

	.box-content-menu-mobile .box-content-menu-mobile-content-links-int-open-btn.active {
		background: radial-gradient(150.95% 237.46% at 79.56% -97.37%, #77808C 0%, #39434F 100%);
		box-shadow: 0 clamp(1.7800px, 0.6209vw, 3.5600px) clamp(3.2000px, 1.1163vw, 6.4000px) 0 rgba(0, 0, 0, 0.20);
	}

	.box-content-menu-mobile .box-content-menu-mobile-content-links-int-open-btn .icon-custom-menu {
		flex-shrink: 0;
		width: 44px;
		height: 44px;
		padding: clamp(4px, 1.3953vw, 8px);
		border-radius: clamp(5.3333px, 1.8605vw, 10.6667px);
	}

	.box-content-menu-mobile .box-content-menu-mobile-content-links-int-open-btn > svg {
		flex-shrink: 0;
		width: clamp(14.6667px, 5.1163vw, 29.3333px);
		height: clamp(14.6667px, 5.1163vw, 29.3333px);
	}

	.box-content-menu-mobile .box-content-menu-mobile-btn-texts {
		display: flex;
		flex-direction: column;
		gap: clamp(1.3333px, 0.4651vw, 2.6667px);
		min-width: 0;
	}

	.box-content-menu-mobile .box-content-menu-mobile-btn-tt {
		color: #fff;
		font-size: clamp(9.3333px, 3.2558vw, 18.6667px);
		font-weight: 500;
		line-height: 120%;
		font-size: 16px;
	}

	.box-content-menu-mobile .box-content-menu-mobile-btn-tx {
		color: #B9C1CC;
		font-size: clamp(8px, 2.7907vw, 16px);
		font-size: 14px;
		line-height: 140%;
		font-weight: 400;
	}

	/* Enlaces dentro de cada objetivo (oposiciones / servicios) */
	.box-content-menu-mobile .box-content-menu-mobile-content-links-int-open-btn-list {
		padding-top: clamp(2.6667px, 0.9302vw, 5.3333px);
		padding-bottom: clamp(2.6667px, 0.9302vw, 5.3333px);
	}

	.box-content-menu-mobile .box-content-menu-mobile-content-links-int-open-btn-link {
		padding: clamp(8px, 2.7907vw, 16px) clamp(5.3333px, 1.8605vw, 10.6667px);
		color: #fff;
		font-size: clamp(8.6667px, 3.0233vw, 17.3333px);
		line-height: 1.3;
	}

	/* Listas de enlaces simples: Servicios adicionales y La Academia */
	.box-content-menu-mobile .box-content-menu-mobile-content-links-int-open-li-link {
		list-style: none;
		padding: 0;
	}

	.box-content-menu-mobile .box-content-menu-mobile-content-links-int-open-li-link-link {
		display: block;
		padding: clamp(8px, 2.7907vw, 16px) clamp(5.3333px, 1.8605vw, 10.6667px);
		color: #fff;
		font-size: clamp(8.6667px, 3.0233vw, 17.3333px);
		line-height: 1.3;
	}

	/* "Todos los servicios →" */
	.box-content-menu-mobile .box-content-menu-mobile-all-link .box-content-menu-mobile-content-link {
		justify-content: flex-start;
		gap: clamp(5.3333px, 1.8605vw, 10.6667px);
		padding: clamp(10.6667px, 3.7209vw, 21.3333px) clamp(5.3333px, 1.8605vw, 10.6667px);
		color: #fff;
		font-size: clamp(9.3333px, 3.2558vw, 18.6667px);
		font-weight: 500;
	}

	.box-content-menu-mobile .box-content-menu-mobile-all-link svg {
		width: clamp(10.6667px, 3.7209vw, 21.3333px);
		height: clamp(10.6667px, 3.7209vw, 21.3333px);
	}
}

@media (max-width: 450px) {
	.box-content-menu-mobile-content-links-int-open {
        max-height: 50vh !important;
        height: 100% !important;
    }
	.box-content-menu-mobile-content-links-int-open {
		max-height: calc(100% - 315px) !important;
	}
}