/**
Theme Name: Alfa y Omega
Author: David Jerez
Author URI: http://wpastra.com/about/
Description: Web test Alfa y Omega
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: alfa-y-omega
Template: astra
*/


/* Ocultar título página */
.page .entry-header{
	display: none !important;
}


#col_izq_login{
	float:left; width: 49%;
}
#col_der_login{
	float:right; width: 49%;
}

.intro{
	text-align: justify;
}


#test{
	background-color: #999;
}


#test{
    display: flex;
    flex-wrap: wrap;
    margin: 0px 30px 0px 30px;
}
#test .caja{
    width: 43%;
    text-align: center;
    margin: 3%;
    padding: 4%;
    background-color: #fff;
    border: 1px solid #ccc;
}
#test .caja .numero{
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #7c9bd4;
    color: #fff;
    margin-top: -70px;
    margin-left: -70px;
    margin-bottom: 25px;
}
#test .caja .numero.derecha{
    float:right;
    margin-right: -68px;
}
#test .caja .pregunta{
    display: block;
    margin: auto;
    color: #0112a6;
    font-weight: 600;
    margin-bottom: 20px;
}
#test .caja .respuesta{
    display: inline-block;
    color: #333;
    font-weight: 900;
    cursor: pointer;
    margin: 0px 5px 0px 5px;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
#test .caja.fondoazul{
    background-color: #0112a6;
}
#test .caja.caja.fondoazul .pregunta{
    color: #fff;
}
#test .caja.caja.fondoazul .respuesta{
    color: #fff;
}

#preguntas,
#mensaje{
	font-size: 16px;
}

#resultado{
	display: none;
	padding: 40px;
	border: 1px solid #ccc;
}
#resultado .mc4wp-form-fields .intro,
#resultado .mc4wp-form-fields label{
	display: none;
}
#resultado .mc4wp-form-fields input[type="email"]{
	max-width: 300px;
	display: inline-block;
}

#ver_resultado{
    margin: auto !important;
    cursor: pointer;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
	background-color: #bda159;
}
#ver_resultado:hover{
	background-color: #0112a6;
}

.botones_test{
    margin-bottom: 10px;
    font-size: 22px;
    padding: 15px 25px;
    background-color: #0013a6;
    border-style: none;
    transition: all ease-in-out .2s;
    width: max-content;
	cursor: pointer;
	
	text-decoration: none !important;
    font-weight: 100 !important;
    color: #fff !important;
    font-family: inherit !important;
	font-size: 1rem !important;
}
.botones_test:hover{
	background-color: #bda159;
}


.grid{
  display: grid;
  grid-template-columns: 1fr 1fr; /* Define dos columnas de igual tamaño */
  gap: 10px; /* Espacio entre columnas y filas */
}
.grid.submit{
	grid-template-columns: 185px auto;
}


#checkbox_login{
    width: 30px;
	height: 24px; 
	transform: scale(1.1);
	margin-right: 10px;
}

.texto_peque_formulario{
	font-size: 10px;
	line-height: 1;
}

#acepto_comunicaciones{
	display: flex;
	align-items: center;
	margin-left: 20px;
}


#form_login label.error {
    color: red
}


#comprobar_login_test{
	background-color: #0013a6;
}
#comprobar_login_test:hover {
  background-color: #bda159; /* change to your desired color */
}


.justificar-texto{
	text-align: justify;
}

.rectangulo {
    border: 1px solid #ccc;
}











/*********************************************/
/* MADIA QUERIES */
/*********************************************/


@media (max-width: 921px){
	
	/* Ocultar menú móviles */
	.ast-builder-grid-row {
		grid-template-columns: auto;
	}
	.site-header-primary-section-right{
		display: none;
	}
	
	
	.ast-plain-container.ast-no-sidebar #primary {
        margin-top: 40px;
        margin-bottom: 40px;
    }
	
}


/* Móviles */
@media screen and (max-width: 599px)
{ 

	#col_izq_login{
		float:none;
		width: 100%;
	}
	#col_der_login{
		margin-top: 30px;
		float:none;
		width: 100%;
	}

    #test .caja {
        width: 100%;
        margin-bottom: 20px;
    }
    #test .caja .numero {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 22px;
        margin-top: -30px;
        margin-left: -30px;
        margin-bottom: 0px;
    }
    #test .caja .numero.derecha{
       float:right;
       margin-right: -33px;
    }

	.botones_test{
		display: block;
		margin: auto;
		width: 100%;
		text-align: center !important;
	}
	
	.grid,
	.grid.submit{
		grid-template-columns: 1fr; /* Una columna en pantallas pequeñas */
	}
	
	#acepto_comunicaciones{
		margin-left: 0px;
		margin-top: 15px;
	}
	
}