/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* parrafos sin margen inferior*/
p { margin-block-end: 0; }

/* filtros */
.wpc-filters-main-wrap ul.children { margin-left: -20px !important; }
.widget-title.wpc-filter-title { color: #091745; font-weight: 600; }
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range { background-color: #ffbd37 !important; }
body .wpc-filter-chips-list li.wpc-chip-reset-all a { border-color: #ffbd37 !important; }
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a { border-color: #ffbd37 !important; }
.highlight { display: inline-block; box-shadow: inset 0 -0.6em 0 0 #FFD100; }
body .wpc-filters-open-button-container a.wpc-filters-open-widget, body .wpc-filters-open-button-container a.wpc-open-close-filters-button {
    padding: 2px 5px !important; font-size: 14px !important; }

@media (max-width: 768px) { 
	.caja-filtros-sidebar .elementor-widget-container { background-color: white !important;}
	.caja-filtros-sidebar { margin-top: -40px; }
}

/* shortcodes */

/* como se estudia */

.como-se-estudia { display: flex; flex-direction: row; flex-wrap: wrap; gap:20px; }
.como-se-estudia .caja { border: 2px solid #F1F6FC; border-radius:50px; padding:25px; width: calc(50% - 10px); display: flex; align-items: center; min-height: 70px; flex-wrap: wrap;}
.como-se-estudia .icono { margin-right:10px; }
.como-se-estudia .icono svg { width: 18px; fill: #0780fa; }
.como-se-estudia .titulo { font-family: "Poppins", Sans-serif; font-size: 17px; font-weight: 500; color: #091745;}

@media (max-width: 768px) { 
    .como-se-estudia .caja { width: 100%;  }
}

/* salidas profesionales */

/*.salidas-profesionales { display: flex; flex-direction: row; flex-wrap: wrap; gap:20px; }*/
.salidas-profesionales .caja { background-color:white; border-radius:50px; padding:25px; margin-bottom:25px; display: flex; align-items: center; height: fit-content; gap: 25px;}
.salidas-profesionales .icono { margin-right:10px; min-width:50px;}
.salidas-profesionales .icono svg { width: 50px; fill: #0780fa; }
.salidas-profesionales .icono img { width: 50px; fill: #0780fa; }
.salidas-profesionales .titulo { font-family: "Poppins", Sans-serif; font-size: 17px; font-weight: 500; color: #091745; width:calc(100% - 50px);}

@media (max-width: 768px) { 
    .salidas-profesionales .caja { width: 100%;  padding: 40px 20px 40px 20px; display: flex;}
	.salidas-profesionales .titulo { font-size: 14px; }
}

/* requisitos */

.requisitos { display: flex; flex-direction: row; flex-wrap: wrap; gap:20px; }
.requisitos .caja { border: 2px solid #F1F6FC; border-radius:20px; padding:25px; width: calc(50% - 10px); display: flex; align-items: start; flex-direction: column; }
.requisitos .titulo { font-family: "Poppins", Sans-serif; font-size: 18px; font-weight: 600; color: #091745;}
.requisitos .descripcion { font-family: "Poppins", Sans-serif; font-size: 15px; font-weight: 400; color: #091745;}

@media (max-width: 768px) { 
    .requisitos .caja { width: 100%; }
}

/* faqs */

/*.faqs { display: flex; flex-direction: row; flex-wrap: wrap; gap:20px; }*/
.faqs .caja { width:100%; background-color:#F1F6FC; border-radius:50px; padding: 10px 25px 10px 25px; margin-bottom:25px; display: inline-grid; align-items: center; grid-template-columns: 1fr auto;}
.faqs .titulo { font-family: "Poppins", Sans-serif; font-size: 24px; font-weight: 400; color: #091745; width: 100%; display: flex; justify-content: space-between; cursor: pointer;}
.faqs .descripcion { font-family: "Poppins", Sans-serif; font-size: 15px; font-weight: 400; color: #091745;  overflow: hidden;  transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out; max-height: 0;}
.faqs .descripcion.active { margin-bottom: 20px; }

@media (max-width: 768px) { 
    .faqs .titulo { font-size: 18px; }
}

/* Clase añadida por JavaScript cuando una descripción está activa/abierta */
.descripcion.active {
    max-height: 200px; /* Ajusta este valor según el contenido de tus descripciones */
    padding: 0px 20px 20px 30px; 
}

/* Añade un indicador visual de estado (por ejemplo, un signo más/menos) */
.faqs .caja .icono::after {
    content: '+'; /* Estado por defecto: signo más */
    font-size: 1.5em;
    transition: transform 0.3s ease;
    flex-shrink: 0; /* Evita que se encoja en pantallas pequeñas */
	color:white;
	margin-top: -4px;
}

.faqs .caja .icono {
    width: 28px;
    height: 28px;
    background-color: #007bff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
	cursor: pointer;
}

.faqs .caja.active .icono::after {
    content: '-'; /* Estado activo: signo menos */
    transform: rotate(0deg); /* No se necesita rotación para el guion */
	font-size: 2em;
}

@media (max-width: 768px) { 
    .faqs .caja { width: 100%; }
}

/* order by en página de archivos */

select.wpc-orderby-select { padding: 2px; font-size: 14px; width: auto; border: 1px solid #091745; color: #091745;}
.cuenta-resultados {  font-size: 14px; color: #091745; }
@media (max-width: 768px) { 
    select.wpc-orderby-select { font-size: 14px !important; }
}