/* 
Theme Name: Hello Elementor Child theme
Description: Child theme for Hello Elementor.
Author: Sebastián
Author URI: https://sebastiandeveloper.website/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* FONTS */
@font-face {
    font-family: 'Ibrand';
    src: url('./fonts/Ibrand-Regular.woff2') format('woff2'),
        url('./fonts/Ibrand-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baustil';
    src: url('./fonts/Baustil-Light.woff2') format('woff2'),
        url('./fonts/Baustil-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* GENERALES */
body {
    font-family: 'Baustil', sans-serif;
}
/* IMAGES */
.full-img *{width:100%;}
.full-img a{display: block;}
/* TÍTULOS */
.elementor-heading-title :is(h1,h2,h3,h4,h5,h6), h1,h2,h3,h4,h5,h6, .Ibrand * {
    font-family: 'Ibrand', sans-serif;	
}
/* Utilidaes */
.overflow-hidden{
	overflow: hidden;
}

/* Form */
.blur::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://huntech.sebastiandeveloper.website/wp-content/uploads/2025/12/blur-rectangle.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.7;
}

/* Preguntas */
.c-form form .pregunta, .c-form form .cierre, .c-form form input.wpcf7-submit{
	display:none;
}
.c-form form .pregunta.active{
	display:block;
}
.c-form form .pregunta {
    color: white;
}
.c-form form .pregunta h2{
    font-size:3.5em;
}
.c-form form .pregunta h3{
    font-size: 1.8em;
}
.c-form form .pregunta > p{
    font-size: 1.2em;
}
.c-form form .form-field {
    margin-top: 30px;
}
.c-form form .form-field span{
    margin: 0;
}
.c-form form .form-field .wpcf7-radio .wpcf7-list-item{
    display: block;
}
.c-form form .form-field .wpcf7-radio .wpcf7-list-item label input{
    display: none;
}
.c-form form .form-field .wpcf7-radio .wpcf7-list-item label{
    display: block;
    font-size: 1.3em;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 12px 12px 12px 90px;
    border: 1px solid white;
    border-radius:100px;
    margin-bottom: 30px;
    cursor:pointer;
    position: relative;
}
.c-form form .form-field .wpcf7-radio .wpcf7-list-item label:hover,
.c-form form .form-field .wpcf7-radio .wpcf7-list-item label:has(input[type="radio"]:checked)  {
    background-color:#c7ff02;
    color:black;
    font-weight:700;
}
.c-form form .form-field .wpcf7-radio .wpcf7-list-item label::after{
    content:'';
    background-image: url(https://huntech.sebastiandeveloper.website/wp-content/uploads/2025/11/star-icon.svg);
    width:15px;
    height:15px;
    position:absolute;
    background-size: contain;
    left:65px;
    top:50%;
    transform:translateY(-50%);
}
.c-form form .form-field .wpcf7-radio .wpcf7-list-item label:hover::after,
.c-form form .form-field .wpcf7-radio .wpcf7-list-item label:has(input[type="radio"]:checked)::after{
    filter:brightness(0);
}
.c-form form .form-field .wpcf7-radio{
    counter-reset: item-counter;
}

.c-form form .form-field .wpcf7-radio .wpcf7-list-item label::before{
    counter-increment: item-counter;
    content: "0" counter(item-counter);
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    font-weight:bold;
    font-size: 2rem;
    font-family:'Ibrand', sans-serif;
}

/* Formulario */
.c-form form .cierre h2{
    color:#c7ff02;
    font-size: 4em;
    line-height: 1.2;
    margin:0;
}
.c-form .cierre h3{
    font-size: 2.2em;
    line-height:1;
    color: white;
    font-weight:300;
    font-family: 'Baustil', sans-serif;
    margin:0;
}
.c-form .cierre label{
    display:block;
    color:#c7ff02;
    font-family:'Ibrand', sans-serif;
    font-size: 1.7em;
    margin-bottom: 15px;
}
.c-form .cierre label input{
    background-color:transparent;
    border:1px solid white;
    margin-top:5px;
    border-radius:100px;
    padding:15px;
	color:white;
}
.c-form .cierre br{
    display:none;
}
.c-form .cierre .form-field{
    margin-top:50px;
}

.c-form form input.wpcf7-submit, .c-form form .next-step {
    background-color:black;
    border:none;
    border-radius:100px;
    color:#c7ff02;
    font-size:2em;
    font-family:'Ibrand', sans-serif;
    background-image: url(https://huntech.sebastiandeveloper.website/wp-content/uploads/2025/12/right-arrow-icon.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position:160px center;
    width: 230px;
    text-align:left;
    line-height:1.2;
    padding-left:60px;
	position:relative;
	left:100%;
	transform: translatex(-100%);
}
.c-form form input.wpcf7-submit:hover, .c-form form .next-step:hover {
    background-color: #5eb304;
    color: white;
}
.c-form .pagination{
    display:block;
}
.c-form form .next-step {
    padding: 10px 10px 10px 20px;
	display:inline-block;
	cursor:pointer;
}
.c-form .pagination p {
    display: block;
}

/* Respuesta final */
.c-form form .wpcf7-response-output {
    padding: 0;
    color: white;
    font-size: 2em;
    border-radius: 15px;
    margin-bottom: 30px;
    border: none;
}

/* Responsive */
@media (max-width: 500px){
	.c-form form .form-field .wpcf7-radio .wpcf7-list-item label{
		font-size:1em;
	}

	/* Respuesta final */
	.c-form form .wpcf7-response-output {
		font-size: 1.5em;
	}
}