/*
 Theme Name: Led Padel
 Template: hello-elementor
 Author: OnClick Studio
 Description: Tema Child para Led Padel
 Version: 1.0
*/


/*CUSTOMIZACION DEL MENU PRINCIPAL*/

/*.menu-item a.hfe-menu-item:hover, .sub-menu a.hfe-sub-menu-item:hover, .menu-item.current-menu-item a.hfe-menu-item, .menu-item a.hfe-menu-item.highlighted, .menu-item a.hfe-menu-item:focus{
	border-radius:20px!important;
}*/

.elementor-612 .elementor-element.elementor-element-15bda394 .wpr-nav-menu .wpr-menu-item {
	border-radius: 20px !important;
    padding: 10px!important;
}

.elementor-612 .elementor-element.elementor-element-15bda394 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item{
	color: #135ef2;
    background-color: #011640;
    /*border-radius: 20px !important;*/
    /*padding: 15px;*/
}

.elementor-612 .elementor-element.elementor-element-15bda394 .wpr-nav-menu .wpr-menu-item:hover{
	color: #fff!important;
    background-color: #135ef2;
    /*border-radius: 20px !important;*/
    /*padding: 15px;*/
}

/*icono submenu dentro del fondo del boton*/
.wpr-nav-menu:not(.wpr-mega-menu) .wpr-sub-icon {
    position: relative!important;
    transform: translateY(0%)!important;
    -ms-transform: translateY(0%)!important
    -webkit-transform: translateY(0%)!important;
}

/*eliminar contacto de menu desktop para que si salga en desplegable movil*/
#menu-1-15bda394 > li:last-child {
    display: none !important;
}


/*espacio entre elementos del menu*/
.elementor-612 .elementor-element.elementor-element-15bda394 .wpr-nav-menu > .menu-item {
    margin-left: 4px!important;
    margin-right: 4px!important;
}



/*MENU DE CAMBIO DE IDIOMA*/
/* Quitar puntos y alinear en una línea */
ul.polylang_langswitcher {
    list-style: none !important;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 5px; /* Espacio entre los idiomas */
    align-items: center;
    font-size:12px;
}

/* Estilo opcional para los enlaces de idioma */
ul.polylang_langswitcher li a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

/* Diferenciar el idioma activo (opcional) */
ul.polylang_langswitcher li.current-lang a {
    opacity: 0.5; /* El idioma en el que ya estás se verá más claro */
    pointer-events: none; /* Desactiva el clic en el idioma actual */
}


/*BOTON CARGAR MAS DEL BLOG*/
.wpr-grid-pagination .wpr-load-more-btn{
    padding: 25px 40px !important;
    border-radius: 50px !important;
    font-size: 1.1em !important;
}

/*Redondear las fotos de testimonios*/
.wpr-testimonial-image img {
    border-radius: 500px!important;
}

/* centrar titulos de proyectos en listado magazine */
.wpr-grid-media-hover-bottom {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;    
    height: 100% !important;           
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
}

/* Fuerza las dimensiones del span interno si se ha colapsado */
.wpr-grid-item-separator .inner-block span {
    display: block !important;
    width: 50px !important; /* Ajusta el ancho a tu gusto */
    background-color: #ffffff !important; /* Asegura que el color sea visible */
    margin: 0 auto !important;
}


/*POST*/
/*categorias con pastilla en matyusculas*/
.wpr-post-info-taxonomy span{
    text-transform: uppercase;
    margin-right:10px!important;
}

/*imagen de post ocupando todo*/


/* 1. Forzamos al padre inmediato a estirar sus hijos */
.elementor-element-18d31741 > .e-con-inner {
    display: flex !important;
    align-items: stretch !important; /* Esto obliga a las columnas a medir lo mismo */
}

/* 2. Forzamos al contenedor de la imagen a ocupar todo el alto disponible */
.elementor-element-74f0480 {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important; /* Se estira para igualar a la columna de texto */
    height: auto !important; /* Liberamos el height fijo para que mande el flex */
}

/* 3. Hacemos que el widget ocupe el espacio del contenedor */
.elementor-element-74f0480 .elementor-widget-wpr-post-media,
.elementor-element-74f0480 .wpr-featured-media-wrap,
.elementor-element-74f0480 .wpr-featured-media-image {
    flex-grow: 1 !important;
    display: flex !important;
    height: 100% !important;
}

/* 4. El ajuste final de la imagen */
.elementor-element-74f0480 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}


/*FORZAR LA ETIQUETA DEL NEWSLETTER*/
.elementor-kit-7510 label {
    color: #ffffff99;
}