/*
Theme Name: TeamLabs/ ME
Theme URI: https://www.garajedoce.es  
Version: 1.0
Description: Tema hijo para TeamLabs ME
Author: garajedoce
Author URI: https://www.garajedoce.com
Template: eduma
*/  

/*	SOBREESCRITURA DE COLORES	*/
.elementor-kit-11011
{
	--e-global-color-text: #132741;
	--e-global-typography-primary-font-size: 14px;
	background-color: white;

}

html
{
	background-color:#132741;
}

/*
 * Formularios de CF 7
 */

 .uacf7-steps.steps-form 
 { 
 	display:none;
 }

 .acf-button-group
 {
	 display: flex;
	 gap: 15px;
	 justify-content: space-between;
 }
 
 .thim-login
 {
	 align-self:center;
 }

 .acf-fields > .acf-field
 {
	border-width: 0px !important;
	padding: 16px 16px 16px 0px !important;
 }

 .cf7-gracias
 {
	display: none;
 }

 .formulario-steps .uacf7-step
 {
	display: grid;
    grid-template-columns: 1fr 1fr;
	 height:520px;
 }

 .formulario-steps .uacf7-step .datos,
 .formulario-steps .uacf7-step > p

 {
	padding: 50px;
 }

 .formulario-steps .uacf7-step .datos
 {
	display: flex;
    flex-direction: column;
    
	padding:85px 78px 0px 78px !important;
 }

 .formulario-steps .uacf7-step img
 {
    grid-row: 1 / 3;
    object-fit: cover;
    grid-column: 2;
	max-height: 520px;
    width: 100%;
	 height:100%;
 }


 .formulario-steps form  input[type=checkbox]
{
    border-radius: 16px !important;
    border: 1px solid #132741 !important;
    box-shadow: none;
    height: 20px;
    width: 25px;
}

body input[type=checkbox]:checked:before
{
	padding-left: 5px;
    padding-top: 3px;
	color: #132741
}

 .formulario-steps form  input:not([type='checkbox']),
 .acf-fields input
 {
	 background-color: #FBFBFB;
	 border-radius: 10px !important;
	 padding:10px !important;
	 margin-bottom: 25px;
 
 }
 .formulario-steps form  input[type='submit']
{
	background-color: #6AFAFF;
	padding: 8px 24px !important;
}


 .formulario-steps form  input[type=text],
.formulario-steps form  input[type=email]
 {
	border:1px solid #bababa !important;
 }

 
 .formulario-steps form
 {
	 display: flex;
	 flex-direction: column-reverse;
 }
 
 .formulario-steps form  .titulo
 {
 
 /* ¿Cómo te llamas? */
 
 font-family: 'Rubik';
 font-style: normal;
 font-weight: 700;
 font-size: 26px;
 line-height: 30px;
 color: #132741;
 margin: 0px;
	 margin-bottom:5px;
 
 
 
 }
 
 .formulario-steps form  label,
 .formulario-steps form  .subtitulo
 {
 
	 font-family: 'Rubik';
	 font-style: normal;
	 font-weight: 400;
	 font-size: 14px;
	 line-height: 20px;
	 color: #6E6E6E;
 }
 
 .formulario-steps form  .titulo-2
 {
	 font-family: 'Rubik';
	 font-style: normal;
	 font-weight: 700;
	 font-size: 16px;
	 line-height: 20px;
	 /* color/azuloscuro */
	 color: #132741;
	 margin:0px;
 }

 .formulario-steps form  .titulo-3
 {
	  font-family: 'Rubik';
	 font-style: normal;
	 font-weight: 400;
	 font-size: 14px;
	 line-height: 20px;
	 /* color/azuloscuro */
	 color: #6E6E6E;
	 margin:0px;
	     margin: 15px 0px 10px 0px;
 }
 
 .formulario-steps form  .subtitulo
 {
	 margin-bottom:20px;
	 color:#9C9C9C;
	 font-size:16px;
	 
 }
 
 .formulario-steps form  button
 {
	 padding: 8px 24px;
 
	 background: #6AFAFF;
	 border-radius: 8px;
	 text-transform: capitalize
 }

form.wpcf7-form p .wpcf7-spinner {
	position: absolute;
    bottom: 50px;
    right: 5px;
    top: unset;
}

.uacf7-step .wpcf7-radio .wpcf7-list-item
{
	margin:0px;
	position:relative;
	padding: 8px 24px;
	border-radius: 8px;
	border:1px solid #132741;
	overflow:hidden;
}

.uacf7-step .wpcf7-form-control-wrap[data-name="seleccion-lab"] 
{
	margin-top:30px;
}

.uacf7-step .wpcf7-form-control-wrap[data-name="seleccion-curso"] .wpcf7-radio .wpcf7-list-item
{
	padding: 6px 16px;
    border-radius: 20px;
    border: none;

}

.uacf7-step .wpcf7-form-control.wpcf7-radio
{
	display:flex;
	gap:10px;
}

.uacf7-step .wpcf7-radio .wpcf7-list-item-label
{
	z-index: 99999;
    position: relative;
	pointer-events:none;
}

.uacf7-step .wpcf7-radio input
{
	    -webkit-appearance: none;
    background-color: transparent !important;
    border: 0px;
    box-shadow: unset;
    position: relative;
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0px;
    border-radius: 0px !important;
    padding: 0px !important;
    top: 0px;
    left: 0px;
	background-color:white;
}

.uacf7-step .wpcf7-radio input::before
{
	content: "";
    line-height: 16px;
    height: 100%;
    width: 100%;
    border-radius: 0px;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
	
}

.uacf7-step .wpcf7-radio input:cheked::before
{
	    background: var(--thim-body-primary-color, #ffb606);

}

.uacf7-multisetp-form .uacf7-step .siguiente > p
{
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
	padding:50px;
	height:100%;
		 padding: 0px 78px 85px 78px;

}
.uacf7-multisetp-form .uacf7-step .siguiente > p::after
{
	display:none;
}


v
 
 .formulario-steps .uacf7-step .formulario-steps form  ::placeholder
 {
	 color: #BABABA;
 }

 .formulario-steps .uacf7-step .finalizar
 {
   display:flex;
   flex-direction: row-reverse;
   justify-content:space-between;
	 align-items: center;
	 padding: 0px 78px 66px 78px !important;
 }
 
 .finalizar .wpcf7-spinner
 {
	  position:absolute; 
 }

 .finalizar .wpcf7-submit
 {
	margin:0px !important;
	text-transform:unset !important;
 }

.uacf7-step.step-content button.uacf7-prev, .uacf7-step.step-content button.uacf7-next
{
	margin:0px;
}

/*
 * 		FORMULARIO ACF
 */


button.acf-button.af-submit-button
{
	text-transform: unset !important;
}

.af-form.is-valid .af-submit::after
{
    content:"✅ Operacion realizada";
	text-align:center;
}

.af-submit
{
	display: flex;
    flex-direction: column;
    gap: 15px;
	position:relative;
	padding: 16px 16px 16px 0px !important;
}

.acf-spinner
{
	position: absolute;
    top: 25px;
    left: 25px;	
}

.acf-form .acf-button-group label
{
	color: #132741;
    font-weight: 500;
    padding: 8px 24px;
    border-radius: 8px !important;
	cursor:pointer;
}

.acf-field .acf-label label
{
	font-weight: 300 !important;
	font-size:14px !important;
}

.acf-form .af-field-curso .acf-button-group label
{
	border-radius: 30px;
}

.acf-form .acf-button-group label.selected
{
	border-color: #6AFAFF;
    background: #6AFAFF;
    color: #132741 !important;
}

.acf-form .af-field select
{
	border-radius: 8px;
    padding: 8px 16px;
    border: 1px solid #B5B5B5;
}


/*
 * MÓVIL
 */

 @media (max-width: 768px)
 {
    html 
	{
		font-size:14px;
	}
 }

footer .footer
{
	padding: 0px;
}