/*
Theme Name: Astra Child
Theme URI: https://tuweb.com/
Description: Tema hijo de Astra
Author: Tu nombre
Author URI: https://tuweb.com/
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* ============================================
   ESTILOS DEL MENÚ ACTIVO - IMAGEN DE RESALTADO
   ============================================ */


.elementor-editor-active .main-header-menu > .menu-item > a::after {
    display: none !important;
}


.main-header-menu > .menu-item > a {
	position: relative;
	display: inline-block;
	padding-bottom: 5px;
	transition: color 0.3s ease;
}

/* Imagen bajo el elemento activo - ajustada al texto */
.main-header-menu > .menu-item.current-menu-item > a::after,
.main-header-menu > .menu-item.current_page_item > a::after,
.main-header-menu > .menu-item.current-menu-ancestor > a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	height: 8px;
	background-image: url('/wp-content/uploads/2025/12/Resaltado.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

	/* ============================================
	   RESPONSIVE - TABLET
	   ============================================ */

	@media (min-width: 768px) and (max-width: 1024px) {
		/* Imagen bajo el elemento activo en tablet */
		.main-header-menu > .menu-item.current-menu-item > a::after,
		.main-header-menu > .menu-item.current_page_item > a::after,
		.main-header-menu > .menu-item.current-menu-ancestor > a::after {
			content: "";
			position: absolute;
			left: 10px;
			bottom: 6px;
			width: calc(18% - 50px);
			height: 8px;
			background-image: url('/wp-content/uploads/2025/12/Resaltado.png');
			background-size: 100% 100%;
			background-repeat: no-repeat;
			background-position: center bottom;
		}
	}

	/* ============================================
	   RESPONSIVE - MÓVIL
	   ============================================ */

	@media (max-width: 767px) {
		/* Imagen bajo el elemento activo en móvil */
		.main-header-menu > .menu-item.current-menu-item > a::after,
		.main-header-menu > .menu-item.current_page_item > a::after,
		.main-header-menu > .menu-item.current-menu-ancestor > a::after {
			content: "";
			position: absolute;
			left: 20px;
			bottom: 6px;
			width: calc(30% - 40px);
			height: 8px;
			background-image: url('/wp-content/uploads/2025/12/Resaltado.png');
			background-size: 100% 100%;
			background-repeat: no-repeat;
			background-position: center bottom;
		}
	}