/*
 Theme Name:   Hello Child
 Template:     hello-elementor
*/
.page-header, .site-footer {
	display: none;
}

/* .elementor-18 .elementor-element.elementor-element-26a676c5 img {
	position: relative;
	top: 15px;
	border: 1px solid red !important;
} */
/* 
.elementor-18 {
	position: fixed;	
} */

.elementor-10 .elementor-element.elementor-element-a2185f9 .elementor-repeater-item-b77bd0f > a {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.elementor-repeater-item-44be17c, .elementor-repeater-item-d8a1647 a {
	color: #024A6B !important;
}

.elementor-repeater-item-44be17c a:hover {
	text-decoration: underline !important;
	color: #012739 !important;
	font-weight: 600 !important;
}

.elementor-repeater-item-d8a1647 a:hover {
	text-decoration: underline !important;
	color: #012739 !important;
	font-weight: 600 !important;
}

.page-content a {
	text-decoration: none !important;
}

/* Oculta la barra de scroll en Chrome, Safari y Opera */
.scrollbar-hide::-webkit-scrollbar {
	display: none;
}
/* Oculta la barra en IE, Edge y Firefox */
.scrollbar-hide {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

#nav-premium-container, #nav-premium-container * {
	font-family: 'Poppins', sans-serif !important;
	text-decoration: none !important;
}

.nav-link-premium {
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	position: relative;
	padding: 10px 0;
	transition: all 0.3s ease;
}

.nav-link-premium::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	background-color: #d4c185;
	transition: width 0.3s ease;
}

.nav-link-premium:hover::after { width: 100%; }
.nav-link-premium:hover { color: #d4c185 !important; }

#nav-premium-container {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100% !important;
	z-index: 999999 !important;
}
.swiper-slide {
	z-index: 999999999999 !important;
}
/* Estilos Submenú Desktop */
#menu-menu-1 li { position: relative !important; display: flex; align-items: center; height: 100%; }
#menu-menu-1 .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #ffffff;
	box-shadow: 0 15px 30px rgba(0,0,0,0.15);
	padding: 15px 0;
	border-top: 3px solid #d4c185;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	transform: translateY(10px);
	list-style: none !important;
	min-width: 220px;
}
#menu-menu-1 li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
#menu-menu-1 .sub-menu li a {
	padding: 10px 25px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #004a67 !important;
	display: block;
}
#menu-menu-1 .sub-menu li a:hover { background-color: #f0f9ff; color: #d4c185 !important; padding-left: 30px !important; }

/* MENU MÓVIL ESTILO DRAWER (CORRECCIÓN) */
#mobile-drawer-xl {
	position: fixed;
	top: 0;
	right: -100%; /* Oculto a la derecha */
	width: 85%;
	max-width: 350px;
	height: 100vh;
	background: white;
	z-index: 1000000;
	transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: -10px 0 30px rgba(0,0,0,0.2);
}
#mobile-drawer-xl.active { right: 0; }

#drawer-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,74,103,0.5);
	backdrop-filter: blur(4px);
	z-index: 999999;
	display: none;
}
#drawer-overlay.active { display: block; }

/* Elimina el resaltado rojo en móviles */
#nav-premium-container button, 
#mobile-drawer-xl button {
	-webkit-tap-highlight-color: transparent !important;
	outline: none !important;
	user-select: none;
}

/* Animación suave para el Drawer lateral */
#mobile-drawer-xl {
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
	transform: translateX(100%); /* Empieza fuera de pantalla */
	right: 0; 
}

#mobile-drawer-xl.active {
	transform: translateX(0); /* Entra suavemente */
}

/* Efecto de difuminado para el fondo */
#drawer-overlay {
	transition: opacity 0.3s ease-in-out;
	backdrop-filter: blur(8px); /* Aumentamos el desenfoque para más elegancia */
}

/* Elimina el resaltado de sistema en dispositivos móviles */
#nav-premium-container button,
#nav-premium-container button:focus,
#nav-premium-container button:active {
	-webkit-tap-highlight-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
}

/* --- Estilos del Menú Móvil Interno --- */
.mobile-menu-list .sub-menu {
	list-style: none !important;
	padding-left: 20px !important; /* Sangría para submenús */
	margin-top: 10px;
	border-left: 2px solid #d4c185; /* Línea dorada decorativa */
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.mobile-menu-list .sub-menu a {
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #004a67;
	opacity: 0.8;
	text-transform: none; /* Submenús en tipo oración o como gustes */
}
.mobile-menu-list .sub-menu a:hover {
	opacity: 1;
	color: #d4c185 !important;
}
/* --- Scrollbar Personalizada para COTEMAG --- */
.custom-scrollbar::-webkit-scrollbar {
	width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
	background: #f1f1f1;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
	background: #d4c185; /* Scroll color dorado */
	border-radius: 10px;
}

/* Evitar que el botón quede rojo al dar click */
.mobile-menu-list a, .mobile-menu-list button {
	-webkit-tap-highlight-color: transparent !important;
}
#logo-principal {
    max-height: 120px !important; /* Límite para que no crezca de más */
    margin-top: -5px !important; /* Súbelo un poco para ganar espacio abajo */
}

.e-con {
	padding: 0 !important; /* Elimina el padding para que el logo ocupe todo el espacio */
}