/*
 Theme Name:   Tema de Igualdad 
 Theme URI:    https://generatepress.com
 Description:  Este es un tema hijo de GeneratePress, hecho a medida para esta web en concreto, por lo tanto, adquiere funcionalidades del propio tema padre; es muy importante, NO BORRAR EL TEMA PADRE.
 Author:       blushbreak_
 Author URI:   https://blushbreak.com/
 Template:     generatepress
 Version:      0.1
*/

@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

@font-face {
  font-family: "Agency";
  src: url("/wp-content/uploads/2024/12/Agency.ttf");
}


:root{ 
	/*COLORES*/
	--blanco: #fff;
	--negro: #000;
	--gris: #f7f7f6 ;
	--principal:#6b9af9;
	--secundario: #ff55a2 ;
	--apoyo1: #f3b0ff;
	--apoyo2: #ffb91d;
	--transparente: transparent;

	/*TAMAÑOS TIPOGRAFICOS*/
	--txt-2xs: clamp(0.56rem, calc(0.63vw + 0.44rem), 0.99rem); /*Sin uso actual -- MUY PEQUEÑA*/
	--txt-xs: clamp(0.75rem, calc(0.45vw + 0.66rem), 1.05rem);
    --txt-s: clamp(1rem, calc(0.19vw + 0.96rem), 1.13rem);
    --txt-m: clamp(1.33rem, calc(-0.2vw + 1.37rem), 1.2rem);
    --txt-l: clamp(1.78rem, calc(-0.73vw + 1.92rem), 1.28rem);
    --txt-xl:  clamp(2rem, calc(-1.48vw + 2.4rem), 1.2rem);
    --txt-2xl: clamp(2.5rem, calc(-2.52vw + 3rem), 1.1rem);
    --txt-3xl: clamp(3rem, calc(-3.93vw + 4rem), 1rem)	;
    --txt-4xl: clamp(5.61rem, calc(-5.85vw + 6.78rem), 1.66rem); /*Sin uso actual -- MUY GRANDE*/
}

/*
*{
	outline: 1px dotted purple;
}
*/

#shadow-host-companion{
	display: none !important;
}

.adaptar{
	 width: fit-content !important;
}

/*CORRECCION DEL TEMA*/
	/*HACER QUE GENERATEPRESS SEA FULLWIDTH*/

		.site.grid-container.container.hfeed {
			max-width: 100% !important;
		}

		.one-container .site-content {
			padding:0 !important;	
		}
	/*BOTON IR ARRIBA*/
		a.generate-back-to-top{
			border-radius: 50%;
		}

		a.generate-back-to-top:hover, a.generate-back-to-top:focus {
			background-color: rgba(0, 0, 0, 1);
			color: #ffffff;
			border-radius: 50%;
		}


/*NORMALIZADORES*/
	/*HEADINGS*/

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-family: "Agency", sans-serif !important;
			letter-spacing: 0.03em;
			line-height: 1.1em !important;
		}

		h3,
		h4,
		h5,
		h6 {
			font-weight: 400 !important;
			
		}

		h1{
			font-size: var(--txt-3xl);
			font-weight: 600 !important;
			line-height: 1.2em !important;
		}
		h2{
			font-size: var(--txt-2xl);
			font-weight: 600 !important;
		}
		h3{
			font-size: var(--txt-xl);
		}
		h4{
			font-size: var(--txt-l);
		}
		h5{
			font-size: var(--txt-m);
		}
		h6{
			font-size: var(--txt-s);
		}
		p, span{
			font-family: "Montserrat", sans-serif !important;
			font-size: var(--txt-s);
		}

		.legal p{
			
			font-size: var(--txt-xs) !important;
		}



		.tipo2 h3{ 
			font-family: "Montserrat", sans-serif !important;
			font-weight: 600 !important;
		}

		/*AFECTAR A TODOS LOS SPAN MENOS LOS SIMBOLOS DE WORDPRESS*/
		span #wpadminbar .ab-icon, #wpadminbar .ab-item:before, #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon, .wp-admin-bar-arrow {
       
			font: normal 20px / 1 dashicons !important;
			
		}
		
		

	/*ENLACES*/
		a{
			text-decoration: underline;
		}

	/*BOTONES*/

	button{
		border-radius: 8px !important;
	}

	/*SECCIONES*/

		section{
			padding: 20px !important;
		}

	.entry-content{
		min-height: 60dvh;
		display:flex;
		justify-content: center;
		align-items: center;
	}

/*páginas con contraseña*/

	#pwbox-1953{
		background: var(--transparente);
		border-radius: 12px;
		margin: 0 0.5em 0 1em;
	}
	.post-password-form{
		background: rgba( 255, 255, 255, 0.25 )!important;
		backdrop-filter: blur( 20px )!important;
		border-radius: 12px;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
		padding: 3em !important;

	}

	.post-password-form input[type="submit"]{ 
		background-color: var(--principal);
		border-radius: 12px;
		padding: 0.4em 1.2em !important;
	}

	.post-password-form input[type="submit"]:hover{ 
		background-color: var(--blanco);
		outline: 1px solid var(--principal);
		border-radius: 12px;
		color: var(--principal);

	}
	.post-password-form input[type="password"]:active{ 

		padding: 0.4em 1.2em !important;
	}

	
/*HEADER*/

	/*CLASE RECURSIVA JS*/

	.cambioCabecera{
		
		background: rgba( 255, 255, 255, 0.25 )!important;
		backdrop-filter: blur( 20px )!important;
		
	}

	#headerMovil{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999;
		
	}

	/*Quitar hueco blanco entre header y body*/

	.entry-content{
		margin-top: 0 !important;
	}
	
	/*MENU HAMBURGUESA*/
	#btnMenu {
		/*outline: 1px dotted violet !important;*/
		width: fit-content;
		padding: 0;
		
	}	
	
	.linea{
		width: 25px;
		height: 3px;
		background-color: var(--principal)!important;
		transition: all 0.3s ease;
	}

	#linea1{
		margin-bottom: 5px;
	}

	/* Estado cuando el menú está activo (formando la "X") */
	.activado #linea1 {
		transform: rotate(45deg) translate(0px, 2px);
		margin-bottom: 0;
	}

	.activado #linea2 {
		transform: rotate(-45deg) translate(0px, -2px);
	}

	.cabeceraMovil{
		
		background: rgba( 255, 255, 255, 0.25 )!important;
		backdrop-filter: blur( 20px )!important;
		
	}

	#menuMovil{
		width: 100dvw;
		height: 100dvh;
		background: rgba( 255, 255, 255, 0.5 )!important;
		backdrop-filter: blur( 20px )!important;
		padding-bottom: 60px;
		font-size: var(--txt-m );


		/*posicionamiento de pantalla*/
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99998;
		transform: translateX(-100dvw);
		transition: all 0.3 ease-in-out;
		
	}

	

	/*Clases recursivas JS*/
		.moverMenu{
			overflow: hidden !important;
			transform: translateX(0) !important;
		}
		/*Hacer que el scroll no funcione cuando el menú está abierto*/
		.contenidoFijo {
			overflow: hidden;
		}
		.enlacesActivos{
			font-size: var(--txt-l);
			text-decoration: underline !important;
			color: var(--secundario) !important;
			background: var(--transparente)!important;
			line-height: 1.1em !important;

		}

		.sub-menu .enlacesActivos{
			font-size: var(--txt-s);
			background: var(--secundario) !important;
			color: var(--blanco)  !important;
			padding: 0.7em !important;
			text-decoration: none !important;
			
			
		}

	/*SUBMENU*/

		.elementor-nav-menu--main .elementor-nav-menu ul{
			position: static !important;
		}

		.sub-menu{
			
			background: rgba( 255, 255, 255, 0.9 )!important;
			backdrop-filter: blur( 20px )!important;
			border-radius: 12px;
			overflow: hidden;
			box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
			padding: 0.6em !important;
			
			
		}

		.sub-menu a{ 
			color: var(--principal);
			border-radius: 12px;
			padding:0.9em 0.33em !important; 
		}
		
	

/*FOOTER*/
	footer{
		position: relative;
		
		
	}
	footer h2{
		font-size: var(--txt-m);
	}
	footer h3{
		font-size: var(--txt-s);
	}
	


	#f1, #f2{
		background-color: var(--negro);
	}

	#f1{
		border-radius: 60px 60px 0 0 ;
		display: grid;
		grid-template-columns: repeat(4,auto) !important;
		grid-template-rows: repeat(1, auto);
	}
	
	

	#f2{
		max-height: fit-content;
	}



	#footer-text{
		width: fit-content;
		color: var(--blanco);
	}

	footer #f2 a:hover{
		color: var(--gris);
		text-decoration: underline;
		
	}
/*MODULOS*/
	/**/
	.contenedor-tarjetas{
		flex-wrap: wrap;
		flex-grow:1;
	}

	/*Hacer que en un GRID siempre el último hijo abarque el ancho máximo


.e-grid > .e-child:last-child {
    grid-column: 1 / -1; 
    width: 100%; 
    display: flex; 
    justify-content: center; 
    align-items: center;
    text-align: center; 
}
 */


/*PAGINAS*/


	/*index*/
			
			/*noticias*/

			.noticia a{
				color: var(--principal);
			}

			.noticia a:hover{
				color:var(--negro);
				
			}
			
			.noticia h3{
				font-size:var(--txt-m);
				line-height: 1.1em;
			}
			
			.noticia p{
				line-height: 1.1em;
				font-size:var(--txt-xs);
			}
			
	/*descargas*/

		.contenido-descargable,
		.tarjetas-descargables{
			background-color: var(--apoyo1);
			border-radius: 20px !important;
			padding: 1em !important;
			

		}
		.tarjetas-descargables:hover{
			transform: scale(1.08); /* Slight zoom-in */
   			transition: transform 0.3s ease-in-out; /* Smooth transition */
			z-index:999;
		}
		

		.contenido-descargable ul{
			list-style-type: none ;
			margin: 0;
		}
		
		.contenido-descargable h3,
		.tarjetas-descargables h3{
			font-family: "Montserrat", sans-serif !important;
			font-size: var(--txt-m);
			font-weight: 600!important;
			color: var(--negro) !important;
			letter-spacing: 0.02em!important;
		}

		.tarjetas-descargables h3{
			color: var(--blanco) !important;
		}

		.contenido-descargable a{
			color: var(--negro) !important;
			text-decoration: underline;
		}
		.contenido-descargable  li{
			margin-bottom: 10px;
			line-height: 1.2em !important;
			
			
		}
		
		.contenido-descargable li a::before {
			font-family: 'Font Awesome 6 Free';
			content: '\f15b'; /* unicode de: (fa fa-file) */
			font-weight: 900;
			color: var(--principal);
			margin-right: 10px;
		}

	
	/*acerca de*/

		/*tarjetas objetivos*/
			.item-objetivos{
				outline: 1px solid var(--apoyo1);
				flex-grow: 1;
				border-radius: 12px !important;
				

			}
			
			
			.item-objetivos h3{
				font-size: var(--txt-l);

			}
		
	/*Normativa*/

.normativa-heading h4{
	font-size: var(--txt-m) !important;
}

		#s4Normativa h3{
				font-size: var(--txt-m) !important;
		}

	/*Protocolos*/
		/*Tarjetas de objetivos en protocolos hijos (trans, violencia de genero y escolar) */
			/*Titulo ocupa 3 columnas*/	
				.objetivos-title{
					 grid-column: 1 / 4;
					max-height: 100px;
				}
		
			
	/*Documentacion*/

		#sDocumentacion h1{
			font-size: var(--txt-2xl)
		}

	/*contacto*/

		#infoContacto h2{
			font-size: var(--txt-l);

		}
		
		#infoContacto h3{
			font-size: var(--txt-m);

		}

		#masinfoContacto h2{
			font-size: var(--txt-xl);
		}
		#masinfoContacto h3{
			font-size: var(--txt-l);
		}
		#masinfoContacto h4{
			font-size: var(--txt-m);
		}

		.contactos{
			
			width: fit-content !important;
			
		}
		a.contactos{
			padding: 12px;
			border: 1px solid var(--principal);
			border-radius: 12px;

		}
		
		

		a.contactos svg{
			fill: var(--principal) !important;
		}

		.contactos:first-child{
			background: var(--principal);
		}
		
		a.contactos:first-child p{
			color: var(--blanco) !important;
		}
		a.contactos:first-child svg{
			fill: var(--blanco) !important;
		}

		a.contactos:hover{
			
			background:  var(--apoyo2) !important;
			border: 1px solid var(--apoyo2)!important;

		}
		

/*PLUGINS*/
		/*JetEngine*/
			/*FLECHAS LISTING GRID*/
			.jet-listing-grid__slider-icon.slick-arrow{
				display: none !important;

			}
		/*Jet Smart Filter*/
			
			/*Selector móvil*/

			select.jet-select__control {
				border: 1px solid var(--principal);
				border-radius: 12px;
				padding: 10px;
				background: var(--transparente);
				color: var(--principal);
			}
			.jet-select{
				max-width: 100% !important;
			}

/*-------------------------ANIMACIONES-----------------------*/

@keyframes show{
	from{
		opacity: 0;
	}
	to {
		opacity: 100%;
	}
}

/*-------------------------------------------VERSION DESKTOP------------------------------------------------*/

@media (min-width:1025px) {

/*NORMALIZADORES*/	



/*HEADER*/
	/*Editar cabecera*/

	#menuDesktop{
		
		position: fixed; 
		top: 0;
		left: 0;
		background-color: var(--blanco);
		z-index: 99999;
		
	}
	
	
	#site-title{
		max-width: 350px;
		margin-left: 20px;
	}
	

	.desapareceTitular{
		transform: translateX(-80px);
		opacity: 0;
		transition: transform 0.25s ease-out, opacity 0.25s ease-out; /* Añade esta línea */
		
	}

	.elementor-widget-n-accordion .e-n-accordion-item-title{
		max-width: fit-content;
	}

	.elementor-widget-n-accordion .e-n-accordion-item-title-text:hover{
		text-decoration: underline !important;
		
	}
	
	/*SUBMENU*/
		
		.elementor-nav-menu--main .elementor-nav-menu ul{
			position: absolute !important;
		}
	
		.sub-menu{
			
			min-width: 15em !important;
			transform: translateX(20px);
			
		}

/*PAGINAS*/
  

	/*Inicio*/


		#s3 .contenido-descargable{
			width: 100%;
			min-height: 250px !important;
			 
			
		}
		#s3 .contenido-descargable h3{
			color: var(--negro) !important;
			
			
		}

		#s3 .contenido-descargable span{
			color: var(--negro) !important;
			font-size: var(--txt-xs);
			
		}

		 /* Clase recursiva para el mouseover */
		 #s3 .contenido-descargable.mouseover {
            background-color: var(--apoyo2) !important;
        }

        #s3 .contenido-descargable.mouseover h3,
        #s3 .contenido-descargable.mouseover span,
		#s3 .contenido-descargable.mouseover p,
		#s3 .contenido-descargable.mouseover svg,
		#s3 .contenido-descargable.mouseover li a,
		#s3 .contenido-descargable.mouseover li a::before {
            color: var(--negro) !important;
			transition: opacity 0.3s ease, transform 0.3s ease; 
        }

		#s3 .contenido-descargable.mouseover li a:hover {
			
			font-weight: 800;
        }

		#s3 .contenido-descargable.mouseover li a:hover::before {
			content: '\f06e'; /* unicode de: (fa fa-ey) */
            
        }

		
	/*contacto*/

	a.direcciones:hover{
		padding: 10px;
		border-radius: 12px;
		background: var(--principal) ;
		color: var(--blanco) !important;
	}
	a.direcciones:hover h4{
		color: var(--blanco) !important;
	}
	a.direcciones:hover svg{
		fill: var(--blanco) !important;
	}

	
	a.contactos:hover{
		padding: 12px;
		border-radius: 12px;
		border: 1px solid var(--principal);
		background: var(--principal) ;
		color: var(--blanco) !important;
	}
	a.contactos:hover p{
		color: var(--blanco) !important;
	}
	a.contactos:hover svg{
		fill: var(--blanco) !important;
	}


/*PLUGINS*/
		/*JetEngine*/
	
		
			/*FLECHAS LISTING GRID*/
				/*Ajuste global*/
				.jet-listing-grid__slider-icon.slick-arrow{
					display: flex !important;
					background: var(--transparente);
					color: var(--principal);

				}
				/*Flecha siguiente*/
				.jet-listing-grid__slider-icon.slick-arrow.next-arrow {
					right: -60px;
				}
				/*Flecha anterior*/
				.jet-listing-grid__slider-icon.slick-arrow.prev-arrow {
					left: -60px;
				}
	/*JetSmartFilter*/

		.filtrado{
			min-width: max-content;
    		height: fit-content !important;
			border-radius:12px!important;
		}
	
	
	.jet-checkboxes-list__row {
		border: 1px solid #cddbf7 !important;
		padding:10px;
		border-radius:8px;
		line-height: 1.2em;
		
		
	}
		/* Mover el icono "+" después del texto */
		.jet-checkboxes-list__row {
			display: flex; /* Alinea el contenido en línea */
			flex-direction: row-reverse; /* Invierte el orden de los elementos */
			justify-content: flex-start; /* Alineación al inicio */
			align-items: center; /* Alineación vertical centrada */
		}

		.jet-checkboxes-list__row input[type="checkbox"] {
			order: 1; /* Mantiene el checkbox en su posición */
			margin-left: 5px; /* Espacio entre el texto y el checkbox */
		}

		.jet-checkboxes-list__row .jet-checkboxes-list__label {
			order: 0; /* El texto viene antes que el ícono */
		}
	.jet-checkboxes-list__checked-icon{
		background: var(--secundario) !important;
		border: 1px solid var(--secundario) !important;
	}
	.jet-checkboxes-list__decorator {
		border: 1px solid #cddbf7 !important;
	}
	.jet-filter-row{
		font-weight: 600 !important;
		
	}
	.jet-checkboxes-list__row {
    margin-bottom: 10px!important; /* Espacio estándar entre filas */
}

/* Agregar más gap solo a los padres */
	.jet-list-tree__children{
		margin-bottom: 20px !important;/* Más espacio debajo de los padres */
		
	}

}