/*
	Theme Name: Argumenta
	Theme URI: danielquino.com
	Diseño: Edición Limitada
	Description: Tema para la web Argumenta
	Autor: Daniel Quino Ángeles
	Template: hello-elementor
	Version: 1.0
	License: GNU General Public Licence v2 or later
*/


/* Custom property */
:root{
    /* Fuentes */
    --fuentePrincipal: "Montserrat", sans-serif;
    --fuenteSecundaria: "Montserrat", sans-serif;
    --fuenteDestacada: "Montserrat", sans-serif;
	
    /* Colores */
		--colorBase: #212528;
		--colorEnfasis: #E5413F;
		--colorTexto: #212528;

		--colorPlomo: #333333;
		

	/* Padding Web */
	--globalPaddingContainer : 0 2rem 0 2rem;

	/* Height exceso 1 */
	--htopflash: 5.5rem;
}

@media only screen and (min-width: 1200px) {
    :root {
         --htopflash: 4.75rem;
         --globalPaddingContainer : 0 4.5rem 0 4.5rem;
    }
}
@media only screen and (min-width: 1515px) {
    :root {
         --htopflash: 6.8rem;
         --globalPaddingContainer : 0 4.5rem 0 4.5rem;
    }
}


/*
	1200 -> porcentaje_de_cambio = 0.7 
	letter-spacing 1% = 0.01em, 10% = 0.1em , 100% = 1em
*/

html { font-size: 62.5%; }
html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none !important; box-sizing: border-box; } 
body { font-family: var(--fuentePrincipal); font-weight: normal; font-size: 16px; font-size: 1.6rem; overflow-x: hidden; background-color:#fff; color:#000; }


@media screen and (min-width: 768px) {
    html {
        font-size: 45%; 
    }
}

@media screen and (min-width: 1024px) {
    html {
        font-size: 45%; 
    }
}

@media screen and (min-width: 1200px) {
    html {
        font-size: 52%; 
    }
}

/*
@media screen and (min-width: 768px) {
    html {
        font-size: 40%; 
    }
}
@media screen and (min-width: 1200px) {
    html {
        font-size: 46%; 
    }
}
@media screen and (min-width: 1440px) {
    html {
        font-size: 52%; 
    }
}
@media screen and (min-width: 1516px) {
    html {
        font-size: 62.5%; 
    }
}
*/
@media screen and (min-width: 1920px) {
    html {
        font-size: 62.5%; 
    }
}


*, *:before, *:after {
    box-sizing: inherit; /* (Paul Irish hack) */
}

a { color:var(--colorBase); }
a:hover { color:var(--colorBase); }


/*
	Gradiente Background
*/
.gradient-background { width: 100%; height: 100%; background: linear-gradient(to right, #c9443b 0%, #bf3e3b 21.6%, #ad353d 48.4%, #8c2837 86.3%, #802435 100%); }
.gradient-background-btn { background: linear-gradient(to right, #c9443b 0%, #bf3e3b 21.6%, #ad353d 48.4%, #8c2837 86.3%, #802435 100%); }
.gradient-background-etapas { background: linear-gradient(to bottom, #80223b 0%, #8c293e 13.7%, #ad3c47 51.6%, #c54946 81.3%, #cf4f46 100%); }

/*
	Gradient btn
*/
.btn-dqa {  }
.btn-dqa .elementor-button.elementor-button-link { background: linear-gradient(to right, #c9443b 0%, #bf3e3b 21.6%, #ad353d 48.4%, #8c2837 86.3%, #802435 100%); }
.btn-dqa:hover .elementor-button.elementor-button-link { opacity:0.8; }

/*
	Container DQA
*/
.container-dqa { display: flex; width: 100%; max-width: min(100%, 1140px); margin: 0 auto; height: 100%; }


/*
	Footer
*/
.footer-dqa { background-color: var(--colorPlomo); }
.footer-dqa .fila { display:flex; flex-wrap:wrap; width: 100%; padding:4rem 2rem 4rem 2rem; }
.footer-dqa .fila .col-1 { width:100%; padding:1rem; }
.footer-dqa .fila .col-2 { width:100%; padding:1rem; }
@media screen and (min-width: 1024px) {
	.footer-dqa .fila { padding:5.7rem 2rem 5.7rem 2rem; }
	.footer-dqa .fila .col-1 { width:50%; }
	.footer-dqa .fila .col-2 { width:50%; display: flex; justify-content:flex-end; }
}
	/* Imagen */
	.footer-dqa .w-image { text-align:center; }
	.footer-dqa .w-image img { max-width:20rem; }
	@media screen and (min-width: 1024px) {
		.footer-dqa .w-image { text-align:left; }
		.footer-dqa .w-image img { max-width:30.6rem; }
	}

	/* Copy */
	.w-copy {  }
	.w-copy span { color:#fff; font-size:1.6rem; }

	/* Menu Redes */
	.w-menu-redes { margin:0 0 3rem 0; }
	.w-menu-redes .menu-redes { margin:0; padding:0; list-style:none; display:flex; gap:1.5rem; justify-content: center; }
	.w-menu-redes .menu-redes li { list-style:none; padding:0; margin:0; display:inline-flex; }
	.w-menu-redes .menu-redes li a { background-color:#fff; width:2em; height:2em; display:flex; justify-content:center; align-items:center; border-radius:50%; }
	.w-menu-redes .menu-redes li a i { color:var(--colorPlomo); font-size:1.6rem; line-height:1em; }
	.w-menu-redes .menu-redes li a:hover { opacity:.8; } 
	@media screen and (min-width: 1024px) {
		.w-menu-redes .menu-redes { justify-content:flex-start; }
	}



/*
	Header
*/
.header-dqa-pc { display:none; }
.header-dqa-pc .fila { display:flex; flex-wrap:wrap;  width: 100%; padding:2rem 2rem 2rem 2rem; }
.header-dqa-pc .fila .col-1 { width:100%; }
.header-dqa-pc .fila .col-2 { width:100%; }
@media screen and (min-width: 1024px) {
	.header-dqa-pc { display:block; }
	.header-dqa-pc .fila .col-1 { width:35%; }
	.header-dqa-pc .fila .col-2 { width:65%; display:flex; align-items:center; justify-content:flex-end; }
}
	/* Logo */
	.header-dqa-pc .widget-logo { text-align:left; }
	.header-dqa-pc .widget-logo img { max-width:30.6rem; }

	/* Menu */
	.widget-menu-top {  }
	.widget-menu-top .menu-principal {  }
	.widget-menu-top .menu-principal { list-style:none; margin:0; padding:0; display:flex; }
	.widget-menu-top .menu-principal li { list-style:none; margin:0; padding:0; display:inline-flex; }
	.widget-menu-top .menu-principal li a { color:#fff; font-size:1.8rem; font-weight:600; padding:1.5rem 2rem 1.5rem 2rem; transition:.2s all; }
	.widget-menu-top .menu-principal li a:hover { opacity:.8; } 


/*
	Header Movil
*/
.header-dqa-movil { display:block; }
.header-dqa-movil .fila { display:flex; flex-wrap:wrap; }
.header-dqa-movil .fila .col-1 { width:50%; padding:2rem; }
.header-dqa-movil .fila .col-2 { width:50%; padding:2rem; }
@media only screen and (min-width: 1024px) {  
	.header-dqa-movil { display:none; }
}
	/* Logo */
	.header-dqa-movil .widget-logo { text-align:right; }
	.header-dqa-movil .widget-logo img { max-width:12rem; }

/*
	Menu Mobile
*/
.widget-menu-mobile {  }
.widget-menu-mobile .menu-mobile { display: none; }
.widget-menu-mobile .menu-mobile { list-style:none; margin:0; padding:0; }
.widget-menu-mobile .menu-mobile li { list-style:none; margin:0; padding:0; border-bottom:1px solid var(--colorPlomo); }
.widget-menu-mobile .menu-mobile li a { font-size:1.6rem; text-align:center; display:block; padding:1.5rem; color:#fff; }




/*
	Etapas
*/
.item-etapa {  }
.item-etapa .bloque1 { overflow:hidden; min-height:53rem; }
.item-etapa .bloque1 .item-header { min-height: 29rem; }
.item-etapa .fecha { border-radius:3rem; overflow:hidden; }
.item-etapa .w-text { min-height:18rem; }


/*
	Contador
*/
.countdown { display: flex; flex-wrap: wrap; justify-content: center; }
.circle-container { margin: 0 20px; } /* Espaciado entre los contenedores de círculos */
.circle-wrapper { position: relative; width: 20rem; height: 20rem;  } /* Ancho y Alto del contenedor del círculo */
.circle { width: 100%; height: 100%; }
.circle-bg { fill: none; stroke: #fff; /* Color del borde */ stroke-width: 0.5; /* Grosor del borde */ }
.circle-progress {
  fill: none;
  stroke: #ffffff; /* Color del borde de progreso */
  stroke-width: 3; /* Grosor del borde de progreso */
  stroke-dasharray: 275; /* Circunferencia del círculo */
  stroke-dashoffset: 275; /* Inicialmente dibuja todo el círculo */
  transition: stroke-dashoffset 1s ease-in-out; /* Agrega una transición suave para el progreso */
}
.number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 8rem; color:#fff; }
.label { position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%); font-size: 2rem; color:#fff; }
@media only screen and (min-width: 1024px) {  
	.circle-wrapper { position: relative; width: 30rem; height: 30rem;  } /* Ancho y Alto del contenedor del círculo */
	.number { font-size: 12rem; }
	.label { font-size: 4rem;  bottom: -6rem;  }
}


/*
	Form
*/
.widget-form-dqa {  }
.widget-form-dqa .fila { display:flex; flex-wrap:wrap; }
.widget-form-dqa .fila .col1 { width:100%; padding:1rem; }
.widget-form-dqa .fila .col2 { width:100%; padding:1rem; }
.widget-form-dqa .fila .col-full { width:100%; padding:1rem; }
@media only screen and (min-width: 1024px) {  
	.widget-form-dqa .fila .col1 { width:50%; }
	.widget-form-dqa .fila .col2 { width:50%; }
}

.widget-form-dqa .wrapper-input .label-1 { font-size:1.8rem; line-height:1.2em; font-weight:600; color:#808080; }

.widget-form-dqa .wrapper-input { margin: 0 0 1rem 0; }
.widget-form-dqa .wrapper-input input[type="text"] { font-size:1.4rem; line-height:1.2em; font-weight:400; color:#808080; }
.widget-form-dqa .wrapper-input input[type="text"] { display: block; background-color:#F0F0F0; border:none; padding:1.14em 1.2em; }
.widget-form-dqa .wrapper-input input[type="text"] { border-radius:2.7rem; }

.widget-form-dqa .wrapper-input input[type="email"] { font-size:1.4rem; line-height:1.2em; font-weight:400; color:#808080; }
.widget-form-dqa .wrapper-input input[type="email"] { display: block; background-color:#F0F0F0; border:none; padding:1.14em 1.2em; }
.widget-form-dqa .wrapper-input input[type="email"] { border-radius:2.7rem; }


.widget-form-dqa .wrapper-input input[type="file"] { font-size:1.4rem; line-height:1.2em; font-weight:400; color:#808080; }

.widget-form-dqa .wrapper-input input[type="submit"] { color:#fff; }

.widget-form-dqa .wrapper-input label { font-size:1.4rem; display:block; }



/* cirterios */
.img-criterio {
  transition: transform 0.3s; /* Transición suave */
}

/* Zoom al pasar el mouse */
.img-criterio:hover {
  transform: scale(1.1); /* Zoom del 10% */
}





/*
	Elementor Form
*/
.w-form-dqa-elementor {  }
.w-form-dqa-elementor {  }

.w-form-dqa-elementor .elementor-field-group {  }

.w-form-dqa-elementor .elementor-field-group input[type="text"] { font-size:1.4rem; line-height:1.2em; font-weight:400 !important; color:#808080 !important; }
.w-form-dqa-elementor .elementor-field-group input[type="text"] { display: block; background-color:#F0F0F0 !important; border:none; padding:1.14em 1.2em; }
.w-form-dqa-elementor .elementor-field-group input[type="text"] { border-radius:2.7rem; }
.w-form-dqa-elementor .elementor-field-group input[type="text"]::placeholder { color:#808080 !important; font-weight:500 !important; } 

.w-form-dqa-elementor .elementor-field-group input[type="email"] { font-size:1.4rem; line-height:1.2em; font-weight:400 !important; color:#808080 !important; }
.w-form-dqa-elementor .elementor-field-group input[type="email"] { display: block; background-color:#F0F0F0 !important; border:none; padding:1.14em 1.2em; }
.w-form-dqa-elementor .elementor-field-group input[type="email"] { border-radius:2.7rem; }
.w-form-dqa-elementor .elementor-field-group input[type="email"]::placeholder { color:#808080 !important; font-weight:500 !important; } 

.w-form-dqa-elementor .elementor-field-group input[type="number"] { font-size:1.4rem; line-height:1.2em; font-weight:400 !important; color:#808080 !important; }
.w-form-dqa-elementor .elementor-field-group input[type="number"] { display: block; background-color:#F0F0F0 !important; border:none; padding:1.14em 1.2em; }
.w-form-dqa-elementor .elementor-field-group input[type="number"] { border-radius:2.7rem; }
.w-form-dqa-elementor .elementor-field-group input[type="number"]::placeholder { color:#808080 !important; font-weight:500 !important; } 

.w-form-dqa-elementor .elementor-field-group input[type="file"] { font-size:1.4rem; }
.w-form-dqa-elementor .elementor-field-type-submit button { max-width: 24rem; background: linear-gradient(to right, #c9443b 0%, #bf3e3b 21.6%, #ad353d 48.4%, #8c2837 86.3%, #802435 100%) !important; }

.w-form-dqa-elementor .elementor-field-type-upload { margin:0 0 1rem 0; }
.w-form-dqa-elementor .elementor-field-type-upload .elementor-field-label { font-size:1.6rem; font-weight:500; margin:0 0 1rem 0; }
.w-form-dqa-elementor .elementor-field-group-cv1 { margin:2rem 0 1rem 0; }
.w-form-dqa-elementor .elementor-field-type-submit { margin:2rem 0 0 0; }

.w-form-dqa-elementor .elementor-field-group-nombre_equipo  { margin:0 0 2rem 0; }

.w-form-dqa-elementor .elementor-field-group-nombre_equipo .elementor-field-label { display:none; }
.w-form-dqa-elementor .elementor-field-group-dni1 .elementor-field-label { display:none; }
.w-form-dqa-elementor .elementor-field-group-nombre1 .elementor-field-label { display:none; }
.w-form-dqa-elementor .elementor-field-group-universidad1 .elementor-field-label { display:none; }
.w-form-dqa-elementor .elementor-field-group-email1 .elementor-field-label { display:none; }
.w-form-dqa-elementor .elementor-field-group-ciclo1 .elementor-field-label { display:none; }

.w-form-dqa-elementor .elementor-field-group-dni2 .elementor-field-label { display:none; }
.w-form-dqa-elementor .elementor-field-group-nombre2 .elementor-field-label { display:none; }
.w-form-dqa-elementor .elementor-field-group-universidad2 .elementor-field-label { display:none; }
.w-form-dqa-elementor .elementor-field-group-email2 .elementor-field-label { display:none; }
.w-form-dqa-elementor .elementor-field-group-ciclo2 .elementor-field-label { display:none; }

.w-form-dqa-elementor .elementor-field-group-field_8dc20aa { font-weight:600; }
.w-form-dqa-elementor .elementor-field-group-field_56c231b { font-weight:600; }

@media only screen and (max-width: 768px) { 
	.w-form-dqa-elementor .elementor-field-group-nombre_equipo { order:1; }
	.w-form-dqa-elementor .elementor-field-group-field_8dc20aa { order:2; }
	.w-form-dqa-elementor .elementor-field-group-dni1 { order:3; }
	.w-form-dqa-elementor .elementor-field-group-nombre1 { order:4; }
	.w-form-dqa-elementor .elementor-field-group-universidad1 { order:5; }
	.w-form-dqa-elementor .elementor-field-group-email1 { order:6; }
	.w-form-dqa-elementor .elementor-field-group-ciclo1 { order:7; }
	
	.w-form-dqa-elementor .elementor-field-group-field_56c231b { order:8; }
	.w-form-dqa-elementor .elementor-field-group-dni2 { order:9; }
	.w-form-dqa-elementor .elementor-field-group-nombre2 { order:10; }
	.w-form-dqa-elementor .elementor-field-group-universidad2 { order:11; }
	.w-form-dqa-elementor .elementor-field-group-email2 { order:12; }
	.w-form-dqa-elementor .elementor-field-group-ciclo2 { order:13; }

	.w-form-dqa-elementor .elementor-field-group-cv1 { order:14; }
	.w-form-dqa-elementor .elementor-field-group-cv2 { order:15; } 
	.w-form-dqa-elementor .elementor-field-group-video { order:16; }

	.w-form-dqa-elementor .elementor-field-type-submit { order:17; }

	.w-form-dqa-elementor .elementor-field-type-submit button { max-width: 100%; }
}