/**
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
*/

/*Fuentes*/
@font-face {
    font-family: 'Title Course';
    src: url('/wp-content/uploads/2024/07/Oswald-Variable.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
/*END Fuentes*/

/*GLOBAL*/
input, textarea{
	background-color: #ffffff!important;
    border-radius: 10px 10px 10px 10px!important;
	border: 1px solid #69727d!important;
	font-family:'Open Sans Variable';
	font-size:14px!important;
	font-weight:500!important;
	letter-spacing:0.03em!important;
	color:#1f2124!important;
}
.input-container{
	margin-bottom:10px!important;
}
.link-text-light{
	color:#008EE5;
}
.icon-subtitle .elementor-icon-box-wrapper{
	display:flex!important;
	align-items:center!important;
}
.icon-subtitle p, .icon-subtitle h1{
	margin-bottom:0!important;
}
@media screen and (max-width: 768px) {
  #fpti, #cursos-recuperacion-puntos, #cursos-cap, #cursos-adr, #cursosdisponibles {
    scroll-margin-top: 60px;
  }
}

/*END GLOBAL*/

/*WP ADMIN*/
#elementskit-lite-go-pro-noti2ce, #wpmet-jhanda-10011319 {
    display: none!important;
}
/*END WP ADMIN*/

/*HEADER*/
#ekit-megamenu-header ul .current_page_item a,  #ekit-megamenu-header ul li a:hover{
	text-decoration:underline!important;
	text-decoration-color: #008EE5!important;
	text-underline-offset: 6px;
}
.elementskit-menu-hamburger{
	box-shadow:none!important;
}
#header.scrolled {
    background-color: #191825;
}
/*END HEADER*

/*CARDS*/
.icon-box .elementor-image-box-wrapper{
	display:flex;
	align-items:center;
	gap:10px;
}
.icon-box figure{
	margin-bottom:0px!important;
}
/*END CARDS*/

/*CUSTOM HTML - FILTROS CURSOS*/
table,td,th {
    border: none!important;
}

thead th{
	font-family: 'Title Course', sans-serif!important; 
	font-size:18px;
}

#curso-selector{
	display:flex;
	flex-direction:column;
	gap:60px;
}

.header-step{
   	text-align:center;
	color: #242424!important;
	font-family: 'Title Course', sans-serif!important;
	font-size: 32px!important;
}

.localidad-error{
	text-align:center;
	color: #242424!important;
	font-family: 'Title Course', sans-serif!important;
	font-size: 24px!important;
}

.curso-options {
    display: flex;
    justify-content: center;
    gap: 30px;
	flex-wrap: wrap;
    align-content: center;
}

.curso-button {
    padding: calc(1.67em + 2px) calc(1.333em + 2px)!important;
    width: 280px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
	position: relative;
  	display: inline-block;
  	overflow: hidden; /* Para ocultar el pseudo-elemento fuera del contenedor */
  	background-color: #fff;
  	color: #353535;
  	border: none;
	box-shadow: 3px 3px 10px 0px rgba(109, 109, 109, 0.5);
  	transition: color 0.3s; /* Transición del color del texto */
}

.curso-button::before{
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #008EE5;
  background-image:url(https://fp-ti.com/wp-content/uploads/2024/10/feature_card_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: top 0.5s ease;
  z-index: 0;
}

.curso-button img,
.curso-button span {
  position: relative;
  z-index: 1;
}

.curso-button,
.curso-button:hover {
  background-color: #fff !important; /* Color de fondo original y !important */
  color: #000 !important; /* Color del texto original */
  transition: none !important; /* Desactiva transiciones de hover globales */
}

.curso-button:hover, .curso-button.btn-active {
    color: #fff!important;
}

.curso-button:hover::before, .curso-button.btn-active::before {
  top: 0; /* Mueve el fondo al interior del contenedor */
}

.curso-button img {
    max-width: 100px;
    margin-bottom: 10px;
}

.curso-button span {
    display: block;
	font-family: 'Title Course', sans-serif!important; 
    font-size: 1.2rem;
	line-height: 1.4em;
}

.line-icon {
	width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    margin: 0 auto 25px auto;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 2;
}

.line-icon img{
	width: 60px;
}

.curso-button .line-icon:before, .btn-active .line-icon:before{
    background-color: #E8F3FF;
    -webkit-clip-path: path("M13.3881 76.4603C4.65737 67.4651 0.294678 56.9287 0.294678 44.8461C0.294678 36.791 2.54587 29.3421 7.04826 22.4942C11.5453 15.6463 17.4822 10.278 24.8483 6.38399C32.209 2.49515 39.9834 0.548157 48.1661 0.548157C60.1689 0.548157 70.3234 4.44728 78.6512 12.2301C86.9683 20.0181 91.1322 30.4928 91.1322 43.6388C91.1322 56.528 86.834 67.4702 78.2429 76.4603C69.6465 85.4606 58.9385 89.9557 46.1245 89.9557C33.031 89.9557 22.1135 85.4606 13.3881 76.4603Z");
    clip-path: path("M13.3881 76.4603C4.65737 67.4651 0.294678 56.9287 0.294678 44.8461C0.294678 36.791 2.54587 29.3421 7.04826 22.4942C11.5453 15.6463 17.4822 10.278 24.8483 6.38399C32.209 2.49515 39.9834 0.548157 48.1661 0.548157C60.1689 0.548157 70.3234 4.44728 78.6512 12.2301C86.9683 20.0181 91.1322 30.4928 91.1322 43.6388C91.1322 56.528 86.834 67.4702 78.2429 76.4603C69.6465 85.4606 58.9385 89.9557 46.1245 89.9557C33.031 89.9557 22.1135 85.4606 13.3881 76.4603Z");
    inset: 4px;
}

.line-icon:before, .line-icon:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.curso-button:hover .line-icon:before,  .btn-active .line-icon:before{
    background-color: #191825;
}

.curso-button .line-icon img {
	 -webkit-filter: brightness(1);
    filter: brightness(1); /* Asegúrate de que la imagen tenga un brillo normal por defecto */
    transition: filter 0.4s ease-in-out; /* Transición de imagen */
}


.curso-button:hover .line-icon img, .btn-active .line-icon img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
	transition: filter 0.4s ease-in-out;
}

.curso-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    table-layout: fixed;
}

.curso-table th, .curso-table td {
    padding: 10px;
    text-align: center;
    word-wrap: break-word;
}

.curso-table th {
    background-color: #111117;
	color: #fff;
    font-weight: bold;
}

.curso-table td {
    font-size: 1em;
	background-color: #fff;
}

.curso-table td a {
    color: #0073aa;
    text-decoration: none;
}

.curso-table td a:hover {
    text-decoration: underline;
}

.curso-table tr{
	border: 1px solid #ddd;
}

.link-maps{
	color:#111117!important;
}

.inscribirse-btn{
	color: #fff!important;
	background-color:#008EE5;
	padding:12px 22px 12px 22px;
	border-radius: 10px; 
	font-family: 'Title Course', sans-serif!important; 
	font-size:18px;
	text-decoration:none!important;
}
.inscribirse-btn:hover{
	background-color: #191825; 
	color: #fff!important;
}
.form-wrapper{
	max-width:600px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    border-radius: 10px;
	box-shadow: 3px 3px 10px 5px rgba(115, 115, 115, 0.4);
}
.form-desc{
	font-family:'Open Sans Variable';
	font-size:14px!important;
	font-weight:500!important;
	letter-spacing:0.03em!important;
	color:#1f2124!important;
	margin-bottom:10px!important;
}
#inscripcion-form{
	margin-top:10px;
}
.form-btn{
	border-radius:10px;
	background-color:#008EE5!important;
	color:fff!important;
	width:100%;
}
.form-btn:hover{
	background-color: #191825!important; 
	color: #fff!important;
}
p.course-details{
	display: flex;
    align-items: center;
    gap: 8px;
	margin-bottom:4px!important;
	font-weight:500!important;
	color:#1f2124!important;
}
img.course-details-img{
	width:16px!important;
}
/* Responsive Styles */
@media (min-width: 1024px){
	.large-width{
		width:30%!important;
	}
	.medium-width{
		width:20%!important;
	}
	.small-width{
		width:15%!important;	
	}
}


@media (max-width: 905px) {
	#curso-selector{
		gap:30px;
	}
	.curso-options {
		flex-direction:column;
		align-items:center;
	}
	table{
		border:none;	
	}
	
	tr{
		background-color:white;
	}

	#results-table-body tr{
		padding: 10px;
    	border-radius: 6px;
	}
	
    .curso-table, .curso-table thead, .curso-table tbody, .curso-table th, .curso-table td, .curso-table tr {
        display: block;
        width: 100%;
    }

    .curso-table tr {
		border:none;
        margin-bottom: 20px;
		border-radius: 6px;
		box-shadow: 3px 3px 10px 5px rgba(115, 115, 115, 0.4);
    }

    .curso-table td {
        text-align: right;
        padding-left: 40%;
        position: relative;
		border: none; 
    }
	.curso-table td:not(:first-child) {
        border-top: 1px solid #ddd!important;
    }
	.td-inscribirse{
		text-align:center!important;
		padding:20px 0 20px 0px!important;
	}
	
	.td-inscribirse a{
		width: 100%!important;
		display: flex!important;
    	justify-content: center!important;
	}

    .curso-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 50%;
        padding-left: 15px;
        font-weight: bold;
        text-align: left;
    }
	
	.td-inscribirse::before {
        content: none!important; /* No mostrar el contenido del pseudoelemento en el último `td` */
    }
    .curso-table th {
        display: none;
    }
	.form-wrapper{
		width: 100%;
	}
}
@media (max-width: 767px) {
	.form-wrapper{
		padding:20px;
	}
}
/*loader*/
#loader {
    text-align: center;
    margin: 20px 0;
}
.spinner {
    border: 4px solid #000;
    border-left: 4px solid #008EE5;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*END CUSTOM HTML - FILTROS CURSOS*/

/*POP UP CAP INICIAL ORDINARIO*/

@media (max-width: 767px){
	.popup-cap-ordinario .dialog-close-button svg{
		fill:#fff!important;
	}
}

/*FORM ADR GENÉRICO */
.adr-form .elementor-field-type-checkbox{
	padding:8px!important;
	margin-left: 5px;
    margin-right: 5px;
	border: 1px solid #69727d;
	border-radius: 10px;
	display:flex;
	justify-content:space-around;
}

.adr-form .elementor-field-type-checkbox .elementor-field-option{
	display:flex;
	align-items:center;
	gap:5px;
}
/*END FORM ADR GENÉRICO*/

/* FORM ADR CURSOS */
.choices .choices__inner .choices__input{
	width:100%!important;
	min-width:100%!important;
	margin-bottom:0!important;
}
.choices .choices__inner{
	padding:0!important;
	background:none!important;
	border:none!important;
	display:flex;
	flex-direction:column;
	justify-content: center;
}
.choices__list--multiple .choices__item {
	background-color: #008ee5!important;
    border: 1px solid #008ee5!important;
}
.choices__button:hover{
	background-color:transparent!important;
}
/* END FORM ADR CURSOS */