/*
	Theme Name: Infoactiva
	Theme URI: danielquino.com
	Diseño: Taller4
	Description: Tema para la web Infoactiva
	Autor: Daniel Quino Ángeles
	Template: hello-elementor
	Version: 1.0
	License: GNU General Public Licence v2 or later
*/


/* Custom property */
:root{
    /* Fuentes */
    --fuentePrincipal: "Poppins", sans-serif;
    --fuenteSecundaria: "Poppins", sans-serif;
    --fuenteDestacada: "Poppins", sans-serif;

    /* Colores */
		--colorBase: 	#4D4D4D;
		--colorEnfasis: #4D4D4D;
		--colorTexto: 	#4D4D4D;

		--colorPlomo: 	#707070;
		--colorAmarillo:#EEE8D7;
		--colorMorado:  #622B86;
		--colorRojo: 	#FF304C;
		--colorAmarillo2: #FBBB1F; 
		--colorAmarillo3: #FDD583;
		--colorRojo1: #FF405A;
		--bgGradiente1: transparent linear-gradient(45deg, #C13C4A 15%, #802831 35%, #49171C 53%, #220B0D 69%, #090304 82%, #010101 90%) 0% 0% no-repeat padding-box;
		
	/* Padding Web */
	--globalPaddingContainer : 0 2rem 0 2rem;

	/* Height exceso 1 */
	--htopflash: 5.5rem;
}

@media only screen and (min-width: 1200px) {
    :root {
         --htopflash: 4.75rem;
         --globalPaddingContainer : 0 4.5rem 0 4.5rem;
    }
}
@media only screen and (min-width: 1515px) {
    :root {
         --htopflash: 6.8rem;
         --globalPaddingContainer : 0 4.5rem 0 4.5rem;
    }
}



html { font-size: 62.5%; }
html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none !important; box-sizing: border-box; } 
body { font-family: var(--fuentePrincipal); font-weight: normal; font-size: 16px; font-size: 1.6rem; overflow-x: hidden; background-color:#fff; color:#000; }




@media screen and (min-width: 768px) {
    html {
        font-size: 35%; 
    }
}

@media screen and (min-width: 1024px) {
    html {
        font-size: 35%; 
    }
}


/*
@media screen and (min-width: 768px) {
    html {
        font-size: 40%; 
    }
}


*/


@media screen and (min-width: 1200px) {
    html {
        font-size: 40%; 
    }
}
@media screen and (min-width: 1440px) {
    html {
        font-size: 50%; 
    }
}
@media screen and (min-width: 1600px) {
    html {
        font-size: 53%; 
    }
}
@media screen and (min-width: 1920px) {
    html {
        font-size: 62.5%; 
    }
}


*, *:before, *:after {
    box-sizing: inherit; /* (Paul Irish hack) */
}

a { color:var(--colorBase); }
a:hover { color:var(--colorBase); }


/* ico */
.ico-dqa { line-height:0; }


/*
	Container DQA
*/
.container-dqa { display: flex; width: 100%; max-width: 1000px; margin: 0 auto; height: 100%; }
.container-dqa .container-wrapper-dqa { width:100%; padding:0 2rem 0 2rem; }
@media screen and (min-width: 768px) {
	.container-dqa { max-width: 80%; }
}

/*
	Bg Gradiente 1
*/
.bg-gradiente-1 { background:var(--bgGradiente1); }


/* Menu Redes */
.menu-redes { list-style:none; margin:0; padding:0; display:flex; gap:2rem; }
.menu-redes li a { color: #fff; border-radius: 1rem; border: 3px solid #fff; width: 4rem; height: 4rem; justify-content: center; display: flex; align-items: center; }
.menu-redes li a i { font-size:2rem; }
@media screen and (min-width: 768px) {
	.menu-redes li a { width: 4.5rem; height: 4.5rem; }
	.menu-redes li a i { font-size:2rem; }	
}

/* Sec Banner Home */
.w-slider-1 {  }
.w-slider-1 .item .w-imagen {  }
.w-slider-1 .item .w-imagen img { width:100%; }

/* Sec Contacto */
.sec-contacto {  }

/* Form */
.w-dqa-form {  }
.w-dqa-form .fila-dqa { display:flex; flex-wrap:wrap; margin:0 0 1rem 0; }
.w-dqa-form .fila-dqa .col-dqa-50 { width:100%; }
.w-dqa-form .fila-dqa .col-dqa-100 { width:100%; }
@media screen and (min-width: 768px) {
	.w-dqa-form .fila-dqa .col-dqa-50 { width:50%; }
	.w-dqa-form .fila-dqa .col-dqa-100 { width:100%; }
}
.w-dqa-form .w-input { padding:1rem; }
.w-dqa-form .w-input p { padding:0; margin:0; font-size:1.8rem; }
.w-dqa-form .w-input-action { padding:1rem; text-align: center; }

.w-dqa-form input[type="text"],
.w-dqa-form input[type="email"],
.w-dqa-form input[type="tel"],
.w-dqa-form textarea { font-size:1.8rem; line-height: 1.6em; font-weight:400; color:#4D4D4D; /*padding:1.7rem 2.2rem 1.5rem 2.2rem;*/ padding: 0.85em 1.1em 0.75em 1.1em; border-radius:1rem; border: 1px solid #4D4D4D; }
.w-dqa-form input[type="submit"] { font-size:2.5rem; line-height: 1.28em; font-weight:600; color:#fff; background-color:#FF405A; padding:0.5rem 3rem 0.5rem 3rem; border-radius:0.5rem; border:none; }
@media screen and (min-width: 768px) {
	.w-dqa-form input[type="text"],
	.w-dqa-form input[type="email"],
	.w-dqa-form input[type="tel"],
	.w-dqa-form textarea { font-size:2rem; }
	.w-dqa-form .w-input p { font-size:2rem; }
}

.w-dqa-form .wpcf7-not-valid-tip { font-size:1.8rem; }
.wpcf7-response-output { font-size:2.4rem; color:var(--colorTexto); }
.wpcf7 form.invalid .wpcf7-response-output { border-color:var(--colorAmarillo2);  border-radius:1rem; }
.wpcf7 form.sent .wpcf7-response-output {  border-radius:1rem; }
.wpcf7-list-item-label a { text-decoration:underline; line-height:1.5em; }


/* Titulo 1  */
.titulo-dqa-1 .sombra { position: relative; display: inline-block; z-index:1; }
.titulo-dqa-1 .sombra::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-color: #FBBB1F; z-index: -1; }



/* Slider  */
.sec-slider-1 { position:relative; }
.arrow-sdqa1 {  }
.arrow-sdqa1 .slick-arrow { width: 3rem; height: 3rem; display: block; position: absolute; z-index: 99; top: 45%; background-position:center; background-repeat:no-repeat; background-size:contain; opacity:0.5; }
.arrow-sdqa1 .slick-arrow:hover { opacity:1; }
.arrow-sdqa1 .sdqa1-prev { background-image: url('images/arrow-l.svg'); left:2rem; }
.arrow-sdqa1 .sdqa1-next { background-image: url('images/arrow-r.svg'); right:2rem; }
@media screen and (min-width: 768px) {
	.arrow-sdqa1 .slick-arrow { width: 7.4rem; height: 7.4rem; }
	.arrow-sdqa1 .sdqa1-prev { left:7rem; }
	.arrow-sdqa1 .sdqa1-next { right:7rem; }
}

.dots-sdqa1 { position: absolute; bottom: 0; width: 100%; }
.slick-dots { display: flex; justify-content: center;margin: 0; padding: 2rem 0; list-style-type: none; }
.slick-dots li button { display: block; width: 1.2rem; height: 1.2rem; padding: 0; border-radius: 100%; background-color: transparent; text-indent: -9999px; color: #fff; border: 1px solid #fff; }
.slick-dots li { margin: 0 0.5rem; }
.slick-dots li button:focus { background-color:transparent; }
.slick-dots li button:hover { background-color: #fff; }
.slick-dots li.slick-active button { background-color: #fff; }
@media screen and (min-width: 768px) {
	.slick-dots { padding: 3rem 0; }
	.slick-dots li button { width: 1.35rem; height: 1.35rem; }
}


/* Menú Principal */
.menu-principal { list-style:none; padding:0; margin:0; display:flex; gap:3.5rem; }
.menu-principal .menu-item { padding:0; margin:0; }
.menu-principal .menu-item a { display:block; font-size:2rem; line-height:2.03em; font-weight:400; color:#4D4D4D; padding:0.6rem 0.9rem 0.6rem 0.9rem; border-radius:5px; }
.menu-principal .menu-item.menu-item-object-page.current_page_item a { background-color:#622B86; font-weight:600; color:#fff; }


/*
	Menu Mobile
*/
.widget-menu-mobile { background-color:var(--colorAmarillo2); }
.widget-menu-mobile .menu-mobile { display: none; }
.widget-menu-mobile .menu-mobile { list-style:none; margin:0; padding:0; }
.widget-menu-mobile .menu-mobile li { list-style:none; margin:0; padding:0; border-bottom:1px solid var(--colorMorado); }
.widget-menu-mobile .menu-mobile li a { font-size:1.6rem; text-align:center; display:block; padding:1.5rem; color:#fff; }



/* 
	Search 
*/
.ekit_modal-searchPanel .ekit-search-group input:not([type=submit]) { color:#622B86; }




/*
	Plataformas	
*/
.w-list-plataformas.theme-1 {  }
.w-list-plataformas.theme-1 .item { margin:0 0 8rem 0; }
.w-list-plataformas.theme-1 .item .wrapper-item { display:flex; flex-wrap:wrap; border-radius:3.5rem; overflow: hidden; background-color:#A082B9; }
.w-list-plataformas.theme-1 .item .wrapper-item .col-1 { width:100%; padding:4rem 2rem 4rem 2rem; }
.w-list-plataformas.theme-1 .item .wrapper-item .col-2 { width:100%; padding:0 0 0 0; }
.w-list-plataformas.theme-1 .item .w-imagen { padding:0 6rem 0 6rem; margin: 0 0 0 0; border-radius:0 0 3.5rem 3.5rem; overflow: hidden; border:3px solid #A082B9; background-color:#fff; }
.w-list-plataformas.theme-1 .item .w-imagen { width: 100%; height: 100%; min-height: 20rem; justify-content: center; display: flex; align-items: center; }

.w-list-plataformas.theme-1 .item .w-imagen img { width: 100%; vertical-align:bottom; height: fit-content; }
.w-list-plataformas.theme-1 h4 { color:#fff; font-size:2.5rem; font-weight:600; }
.w-list-plataformas.theme-1 p { color:#fff; font-size:2rem; line-height: 1.5em; font-weight:400; margin:0 0 3rem 0; }
.w-list-plataformas.theme-1 a { display: inline-block; color: #4D4D4D; background-color: #fff; font-size:2.5rem; font-weight:600; padding: 0.32em 0.64em 0.32em 0.64em; border-radius:0.5rem; }
@media screen and (min-width: 768px) {
	.w-list-plataformas.theme-1 .item .wrapper-item .col-1 { width:78%; padding:5.2rem 6rem 6rem 8rem; }
	.w-list-plataformas.theme-1 .item .wrapper-item .col-2 { width:22%; padding:0 0 0 0; }
	.w-list-plataformas.theme-1 h4 { font-size:3.5rem; }
	.w-list-plataformas.theme-1 p { font-size:3rem; }
	.w-list-plataformas.theme-1 .item .w-imagen { padding:4rem; border-radius:3.5rem; }
}

.w-list-plataformas.theme-1 .item:nth-child(4n+1) .wrapper-item { background-color: #A082B9; }
.w-list-plataformas.theme-1 .item:nth-child(4n+1) .w-imagen { border-color: #A082B9; }
.w-list-plataformas.theme-1 .item:nth-child(4n+2) .wrapper-item { background-color: #F0888E; }
.w-list-plataformas.theme-1 .item:nth-child(4n+2) .w-imagen { border-color: #F0888E; }
.w-list-plataformas.theme-1 .item:nth-child(4n+3) .wrapper-item { background-color: #7482AF; }
.w-list-plataformas.theme-1 .item:nth-child(4n+3) .w-imagen { border-color: #7482AF; }
.w-list-plataformas.theme-1 .item:nth-child(4n+4) .wrapper-item { background-color: #86CA96; }
.w-list-plataformas.theme-1 .item:nth-child(4n+4) .w-imagen { border-color: #86CA96; }


.btn-dqa-plataforma svg { width:3rem; }
.btn-dqa-plataforma a .elementor-button-content-wrapper { align-items:center; }
@media screen and (min-width: 768px) {
	.btn-dqa-plataforma svg { width:5rem; }
}
.btn-dqa-plataforma.theme-2 svg { width: 3rem; }
@media screen and (min-width: 768px) {
	.btn-dqa-plataforma.theme-2 svg { width:3.5rem; }
}






/*
	Noticias Single
*/
.noticia-header { background-color:var(--colorAmarillo3); padding:5rem 0rem 15rem 0rem; }
.noticia-header h1 { font-size:4rem; font-weight: 600; line-height:1.1em; color:#4D4D4D; margin-bottom:3rem; }
.noticia-header p { font-size:3rem; line-height:1.1em; font-weight: 300; color: #4D4D4D; }
@media screen and (min-width: 768px) {
	.noticia-header { padding:18.5rem 2rem 23rem 2rem; }
	.noticia-header h1 { font-size:10rem; }	
	.noticia-header p { font-size:5rem; }
}
.noticia-portada-dqa { padding: 0 1rem 0 1rem; margin-top:-10.9rem; margin-bottom: 10.1rem; border-radius:2rem; overflow:hidden; }
.noticia-portada-dqa img { width:100%; aspect-ratio:2.18; object-fit:cover; }
@media screen and (min-width: 768px) {
	.noticia-portada-dqa { padding: 0 0 0 0; border-radius:3.5rem; }
}

.noticia-info-dqa { padding:0 0 0 0; margin-bottom:5rem; }
.noticia-info-dqa span { font-size:1.6rem; line-height:2.2em; font-weight:600; color:#4D4D4D; padding:0.8rem 0rem 0.8rem 0rem; }
.noticia-info-dqa span.autor { text-transform:capitalize; border-right:1px solid #4D4D4D; padding-right:2rem; }
.noticia-info-dqa span.fecha-noticia { padding-left:2rem; }
@media screen and (min-width: 768px) {
	.noticia-info-dqa span { font-size:2.5rem; }
	.noticia-info-dqa span.autor { padding-right:8rem; }
	.noticia-info-dqa span.fecha-noticia { padding-left:4.2rem; }
}

.page-content {  }
.page-content p { color:#4D4D4D; font-weight:300; font-size:2.5rem; line-height:1.6em; margin: 0 0 6rem 0; }
.page-content p.texto-1 { font-size:2.5rem; line-height:1.125em; }
@media screen and (min-width: 768px) {
	.page-content p.texto-1 { font-size:4rem; }
}

.w-paginacion-noticias { display:flex; justify-content:center; font-size:1rem; line-height:2em; font-weight:300; color:#808080; margin-bottom:7rem; }
.w-paginacion-noticias .prev-post a { display: block; border-radius: 5px; border: 1px solid #808080; padding:1rem 1rem 1rem 1rem; margin-right:3rem; }
.w-paginacion-noticias .post-position {  }
.w-paginacion-noticias .post-position .num { border-radius: 5px; padding:1rem 0rem 1rem 0rem; margin: 0 0 0 0.5rem; display:inline-block; }
.w-paginacion-noticias .post-position .num.current { border: 1px solid #808080; padding:1rem 3rem 1rem 3rem; margin: 0 0.5rem 0 0; font-weight:600; }
.w-paginacion-noticias .next-post a { display: block; border-radius: 5px; border: 1px solid #808080; padding:1rem 3rem 1rem 3rem; margin-left:3rem; }
@media screen and (min-width: 768px) {
	.w-paginacion-noticias { font-size:2rem; }
	.w-paginacion-noticias .prev-post a { padding:1rem 3rem 1rem 3rem; }
}


/*
	últimas noticias
*/
.sec-ultimas-noticias { padding:0 0 14rem 0; }
.sec-ultimas-noticias .w-sec-titulo { margin-bottom:5rem; }
.sec-ultimas-noticias .w-sec-titulo h3 { color:var(--colorMorado); font-size:3rem; font-weight:700; }
@media screen and (min-width: 768px) {
	.sec-ultimas-noticias .w-sec-titulo h3 { font-size:5rem; }
}

.w-ultimas-noticias { display:flex; flex-wrap:wrap; gap:5.5rem; }
.w-ultimas-noticias .item { display:100%; }
.w-ultimas-noticias .item .col-1 {  }
.w-ultimas-noticias .item .col-2 {  }
.w-ultimas-noticias .item .col-2 .wrapper-col {  }

.w-ultimas-noticias .item .col-1 .w-imagen { border-radius:3rem 3rem 0 0; overflow:hidden; }
.w-ultimas-noticias .item .col-1 .w-imagen img { width:100%; vertical-align:bottom; object-fit:cover; aspect-ratio:1.38; }
.w-ultimas-noticias .item .col-2 .w-info { background-color:var(--colorMorado); color:#fff; padding:2rem; border-radius:0 0 3rem 3rem; overflow: hidden; }
.w-ultimas-noticias .item h4 { font-size:2rem; line-height:1.125em; margin-bottom:2rem; }
.w-ultimas-noticias .item a { display: inline-block; color: #4D4D4D; background-color: #fff; font-size:1.6rem; font-weight:600; padding: 0.2em 0.64em 0.2em 0.64em; border-radius:0.5rem; }
@media screen and (min-width: 768px) {
	.w-ultimas-noticias .item .col-2 .w-info { padding:1.8rem 4.2rem 3rem 4.2rem; }
	.w-ultimas-noticias .item h4 { font-size:2.58rem; }
}

.w-ultimas-noticias .item:nth-child(3n+1) .w-info { background-color: #A082B9; }
.w-ultimas-noticias .item:nth-child(3n+2) .w-info { background-color: #F0888E; }
.w-ultimas-noticias .item:nth-child(3n+3) .w-info { background-color: #86CA96; }

@media screen and (min-width: 768px) {
	.w-ultimas-noticias {  }
	.w-ultimas-noticias .item { width:calc(33.33% - 5rem); }
}




/*
	Slider Noticias
*/
.w-slider-noticias {  }
.w-slider-noticias .item {  }
.w-slider-noticias .item .wrapper-item { display: flex; flex-wrap: wrap; border-radius:3.5rem; overflow:hidden; }
.w-slider-noticias .item .wrapper-item .col1 { width:100%; background-position:center; background-size:cover; background-repeat:no-repeat; min-height:20rem; }
.w-slider-noticias .item .wrapper-item .col2 { width:100%; background-color:var(--colorAmarillo3); padding:3rem 3rem 3rem 3rem; }
.w-slider-noticias .item h4 { color:var(--colorBase); font-size:3rem; line-height:1.1em; font-weight:400; margin-bottom:2rem; }
.w-slider-noticias .item p { color:var(--colorBase); font-size:1.6rem; line-height:1.167em; font-weight:300; margin-bottom:6rem; }
.w-slider-noticias .item a { color: #4D4D4D; background-color: #fff; font-size:2.5rem; font-weight:600; padding: 0.32em 0.64em 0.32em 0.64em; border-radius:0.5rem; }
@media screen and (min-width: 768px) {
	.w-slider-noticias .item .wrapper-item .col1 { width:50%; }
	.w-slider-noticias .item .wrapper-item .col2 { width:50%; padding:12rem 12rem 10rem 10rem; }
	.w-slider-noticias .item h4 { font-size:5rem; }
	.w-slider-noticias .item p { font-size:3rem; }
}

.arrow-sdqa2 {  }
.arrow-sdqa2 .slick-arrow { width: 3rem; height: 3rem; display: block; position: absolute; z-index: 99; top: 20%; background-position:center; background-repeat:no-repeat; background-size:contain; opacity:0.5; }
.arrow-sdqa2 .slick-arrow:hover { opacity:1; }
.arrow-sdqa2 .sdqa2-prev { background-image: url('images/arrow-l.svg'); left:2rem; }
.arrow-sdqa2 .sdqa2-next { background-image: url('images/arrow-r.svg'); right:2rem; }
@media screen and (min-width: 768px) {
	.arrow-sdqa2 .slick-arrow { width: 7.4rem; height: 7.4rem; top: 45%; }
	.arrow-sdqa2 .sdqa2-prev { left:-12rem; }
	.arrow-sdqa2 .sdqa2-next { right:-12rem; }
}

.dots-sdqa2 .slick-dots { display: flex; justify-content: center;margin: 0; padding: 2rem 0; list-style-type: none; }
.dots-sdqa2 .slick-dots li button { display: block; width: 1.2rem; height: 1.2rem; padding: 0; border-radius: 100%; background-color: transparent; text-indent: -9999px; color: #fff; border: 1px solid #4D4D4D; }
.dots-sdqa2 .slick-dots li { margin: 0 0.5rem; }
.dots-sdqa2 .slick-dots li button:focus { background-color:transparent; }
.dots-sdqa2 .slick-dots li button:hover { background-color: #4D4D4D; }
.dots-sdqa2 .slick-dots li.slick-active button { background-color: #4D4D4D; }
@media screen and (min-width: 768px) {
	.dots-sdqa2 .slick-dots { padding: 3rem 0; }
	.dots-sdqa2 .slick-dots li button { width: 1.35rem; height: 1.35rem; }
}



/*
	Buscador
*/
.search-list { padding:6rem 0rem 6rem 0rem; }
.search-item-dqa {  }
.search-item-dqa h2 { font-family:var(--colorMorado); font-size:3rem; line-height:1.25em; font-weight:300; margin-bottom:3rem; }
.search-item-dqa h2 a {  }
@media screen and (min-width: 768px) {
	.search-list { padding:10rem 2rem 10rem 2rem; }
	.search-item-dqa h2 { font-size:3.5rem; }
}
.mfp-content .ekit_search-button { padding: 3rem !important; }
@media screen and (min-width: 768px) { }

/* Recursos */
.w-recursos { display:flex; flex-wrap:wrap; gap:1.5rem; }
.w-recursos .item { width:100%; }
.w-recursos .item .wrapper-item { position:relative; border-radius:3rem; overflow:hidden; aspect-ratio:1.48; }

.w-recursos .item .wrapper-item a { display:block; }
.w-recursos .item .wrapper-item a::before { content:''; width:100%; height:100%; background-color: rgba(51, 51, 51, 0.5); transition: .2s all; position:absolute; top:0; left:0; z-index:1; }
.w-recursos .item .wrapper-item a:hover::before { background-color: rgba(51, 51, 51, 0.2); }
.w-recursos .item .wrapper-item a.video-ico::after { content:''; width:10rem; height:10rem; background-image: url('images/ico-play-video.png'); background-position: center; background-size: contain; background-repeat: no-repeat; position:absolute; top:38%; left:38%; z-index:2; }

@media screen and (min-width: 768px) {
	.w-recursos { gap:3.125rem; }
	.w-recursos .item { width:calc(33.33% - 2.2rem); }
}