/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/



@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Taviraj:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1, h2, h3, h4, h5, h6{
  font-family: "Taviraj", serif;
}

/* botones menu */

.btn-accion .elementor-item {
    background: #cf3615;
    border-radius: 8px;
    overflow: hidden;
	color:#fff!important;
	margin-right:5px!important;
	margin-left:5px!important;
}


.btn-becas .elementor-item {
    background: #4adfe6;
    border-radius: 8px;
    overflow: hidden;
	color:#180143!important;
	margin-right:5px!important;
	margin-left:5px!important;
}

.btn-medios .elementor-item {
    background: #180143;
    border-radius: 8px;
    overflow: hidden;
	color:#fff!important;
	margin-right:5px!important;
	margin-left:5px!important;
}


.btn-accion a:hover, .btn-medios a:hover{
	background:#000;
}

.btn-becas a:hover{
	background:#000;
	color:#fff!important;
}

.btn-accion a .sub-arrow, .btn-becas a .sub-arrow, .btn-medios a .sub-arrow{
	padding:0px!important;
}

.elementor-76 .elementor-element.elementor-element-4719b2c .elementor-nav-menu--dropdown a:hover{
	color:#000!important;
}



/* botones menu footer */ 

.elementor-location-footer .btn-becas a, .elementor-location-footer .btn-medios a{
	background:transparent!important;
	border-radius:0px;
	margin-left:0px!important;
}

/* #############################################

BECAS

############################################# */


.box-info-general .elementor-widget-wrap section{
	border-radius:20px;
	min-height: 410px;	
}

.box-info-general-a2 .elementor-widget-wrap section{
	border-radius:20px;
    min-height: 420px;
}

.box-info-general-a3 .elementor-widget-wrap section{
	border-radius:20px;
	min-height: 500px;
}


.box-info-general-a4 .elementor-widget-wrap section{
	border-radius:20px;
    min-height: 610px;
}

.box-info-general-a4 p{
	margin-bottom:0px!important;
}

.box-opciones-cursos p{
	margin-bottom:0px!important;
}



/* #############################################

MEDIOS DE VIDA

############################################# */

/* Empleabilidad */
.box-formacion-tres p{
	padding-bottom:0px;
	margin-bottom:0px;
}

.box-emprendimiento-sesiones p, .box-productos-finales p{
	padding-bottom:0px;
	margin-bottom:0px;
}

.rumbo-sesiones img{
	max-width: 280px;
    margin-top: -30px;
}




/* #############################################

FORMUALRIO CONTACTO

############################################# */

.my-custom-cf7-form-wrapper br{
	display:none!important;
}

.my-custom-cf7-form-wrapper p{
	padding-bottom:0px;
	margin-bottom:0px;
}


/* Contenedor principal del formulario */
.my-custom-cf7-form-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto; /* Centra el formulario */
    box-sizing: border-box; /* Asegura que padding y border se incluyan en el tamaño total */
}

/* Fila de grupos de campos */
.my-custom-cf7-form-wrapper .form-group-row {
    display: flex;
    flex-wrap: wrap; /* Permite que las columnas se envuelvan en pantallas pequeñas */
    margin-bottom: 25px; /* Espacio entre las filas de campos */
    width: 100%;
    box-sizing: border-box;
}

/* Columnas individuales dentro de una fila */
.my-custom-cf7-form-wrapper .form-column {
    flex: 1; /* Permite que las columnas se expandan y contraigan */
    min-width: 50%; /* Ancho mínimo antes de que se apilen */
    padding: 0 15px; /* Espacio entre las columnas */
    box-sizing: border-box;
}

/* Eliminamos el padding a la primera columna para que no se vea el hueco en el borde izquierdo */
.my-custom-cf7-form-wrapper .form-group-row .form-column:first-child {
    padding-left: 0;
}
/* Eliminamos el padding a la última columna para que no se vea el hueco en el borde derecho */
.my-custom-cf7-form-wrapper .form-group-row .form-column:last-child {
    padding-right: 0;
}

/* Estilos para las etiquetas */
.my-custom-cf7-form-wrapper .form-column label {
    display: block; /* Cada etiqueta en su propia línea */
    margin-bottom: 8px; /* Espacio entre etiqueta y campo */
    font-size: 14px; /* Tamaño de fuente de la etiqueta */
    color: #333; /* Color de texto de la etiqueta, puedes ajustarlo */
    text-transform: uppercase; /* Mayúsculas como en la imagen */
    font-weight: bold; /* Negrita para las etiquetas */
}

/* Estilos para los campos de texto, email, tel y textarea */
.my-custom-cf7-form-wrapper .form-column input[type="text"],
.my-custom-cf7-form-wrapper .form-column input[type="email"],
.my-custom-cf7-form-wrapper .form-column input[type="tel"],
.my-custom-cf7-form-wrapper .form-column textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd; /* Borde más claro */
    background-color: #f5f5f5; /* Fondo gris claro como en la imagen */
    border-radius: 4px; /* Bordes ligeramente redondeados */
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5; /* Altura de línea para texto */
    -webkit-appearance: none; /* Resetear estilos nativos en iOS */
    -moz-appearance: none; /* Resetear estilos nativos en Firefox */
    appearance: none; /* Resetear estilos nativos */
    outline: none; /* Quitar el contorno al enfocar */
    transition: border-color 0.3s ease, background-color 0.3s ease; /* Transición suave */
}

.my-custom-cf7-form-wrapper .form-column input[type="text"]:focus,
.my-custom-cf7-form-wrapper .form-column input[type="email"]:focus,
.my-custom-cf7-form-wrapper .form-column input[type="tel"]:focus,
.my-custom-cf7-form-wrapper .form-column textarea:focus {
    border-color: #0073aa; /* Color del borde al enfocar */
    background-color: #fff; /* Fondo blanco al enfocar */
}

/* Estilos específicos para el área de mensaje */
.my-custom-cf7-form-wrapper .form-column.message-column textarea {
    min-height: 120px; /* Altura mínima para el área de texto del mensaje */
	height:100px;
    resize: vertical; /* Permite redimensionar solo verticalmente */
}

/* Última fila: Mensaje y botón */
.my-custom-cf7-form-wrapper .form-group-row.last-row {
    align-items: flex-end; /* Alinea los ítems de esta fila al final (abajo) */
}

.my-custom-cf7-form-wrapper .form-column.message-column {
    flex: 2; /* Mensaje ocupa más espacio, aprox 2/3 */
    padding-left: 0; /* Elimina padding a la izquierda */
    padding-right: 15px; /* Mantén el espacio a la derecha del mensaje */
}

.my-custom-cf7-form-wrapper .form-column.submit-button-column {
    flex: 1; /* Botón ocupa menos espacio, aprox 1/3 */
    display: block;
    justify-content: flex-end; /* Alinea el botón a la derecha */
    align-items: flex-end; /* Asegura que el botón se alinee al final de la columna */
    padding-right: 0; /* Elimina padding a la derecha */
    padding-left: 15px; /* Mantén el espacio a la izquierda del botón */
}


/* Estilos para el botón de enviar */
.my-custom-cf7-form-wrapper .form-column input[type="submit"] {
    background-color: #e24e2a; /* Color rojo anaranjado como en la imagen */
    color: #fff; /* Color del texto del botón */
    padding: 12px 30px;
    border: none;
    border-radius: 5px; /* Bordes ligeramente redondeados */
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
    -webkit-appearance: none; /* Resetear estilos nativos en iOS */
    -moz-appearance: none; /* Resetear estilos nativos en Firefox */
    appearance: none; /* Resetear estilos nativos */
	margin: auto;
    text-align: center;
    display: block;
}

.my-custom-cf7-form-wrapper .form-column input[type="submit"]:hover {
    background-color: #cc4526; /* Color más oscuro al pasar el ratón */
}

/* Media Queries para responsividad */
@media (max-width: 768px) {
    /* Ajustes para tabletas */
    .my-custom-cf7-form-wrapper .form-group-row {
        flex-direction: column; /* Apila las columnas verticalmente */
        margin-bottom: 0; /* No añadir espacio entre filas en esta vista, el campo ya tiene su margen */
    }

    .my-custom-cf7-form-wrapper .form-column {
        min-width: unset; /* Elimina el ancho mínimo */
        width: 100%; /* Ocupa el 100% del ancho */
        padding: 0 0 20px 0; /* Espacio inferior para los campos apilados */
    }
    
    /* Asegurarse de que no haya padding extra en columnas apiladas */
    .my-custom-cf7-form-wrapper .form-group-row .form-column:first-child,
    .my-custom-cf7-form-wrapper .form-group-row .form-column:last-child {
        padding-left: 0;
        padding-right: 0;
    }

    /* Ajuste para la última fila apilada */
    .my-custom-cf7-form-wrapper .form-group-row.last-row {
        flex-direction: column; /* Asegura que la última fila también se apile */
        align-items: stretch; /* Estira los elementos para que ocupen todo el ancho */
    }

    .my-custom-cf7-form-wrapper .form-column.message-column,
    .my-custom-cf7-form-wrapper .form-column.submit-button-column {
        flex: unset; /* Reinicia el flex para que ocupen el 100% */
        width: 100%;
        padding: 0 0 20px 0; /* Espacio inferior para el mensaje */
    }

    .my-custom-cf7-form-wrapper .form-column.submit-button-column {
        justify-content: center; /* Centra el botón cuando está apilado */
        padding-bottom: 0; /* Eliminar padding inferior del botón */
    }
}

/* #############################################

NUESTROS PROYECTOS EN CIFRAS — INICIO

############################################# */
    #g-proyectos-cifras-box ,
    #g-proyectos-cifras-box .g-artboard {
        margin:0 auto;
    }
    #g-proyectos-cifras-box p {
        margin:0;
    }
    #g-proyectos-cifras-box .g-aiAbs {
        position:absolute;
    }
    #g-proyectos-cifras-box .g-aiImg {
        position:absolute;
        top:0;
        display:block;
        width:100% !important;
    }
    #g-proyectos-cifras-box .g-aiSymbol {
        position: absolute;
        box-sizing: border-box;
    }
    #g-proyectos-cifras-box .g-aiPointText p { white-space: nowrap; }
    #g-proyectos-cifras-Mesa_de_trabajo_1 {
        position:relative;
        overflow:hidden;
    }
    #g-proyectos-cifras-Mesa_de_trabajo_1 p {
        font-weight:regular;
        line-height:30px;
        opacity:1;
        letter-spacing:0em;
        font-size:26px;
        text-align:left;
        color:rgb(255,255,255);
        text-transform:none;
        padding-bottom:0;
        padding-top:0;
        mix-blend-mode:normal;
        font-style:normal;
        height:auto;
        position:static;
    }
    #g-proyectos-cifras-Mesa_de_trabajo_1 .g-pstyle0{
        font-weight:500;
        line-height:94px;
        font-size:78px;
        text-align:center;
        color:rgb(24,1,67);
        font-family: "Taviraj";
    }
    #g-proyectos-cifras-Mesa_de_trabajo_1 .g-pstyle1 {
        font-weight:500;
        line-height:94px;
        font-size:78px;
        text-align:center;
        font-family: "Taviraj";
    }
    #g-proyectos-cifras-Mesa_de_trabajo_1 .g-pstyle2 {
        font-weight:500;
        text-align:center;
        color:rgb(24,1,67);
    }
    #g-proyectos-cifras-Mesa_de_trabajo_1 .g-pstyle3 {
        font-weight:500;
        text-align:center;
    }