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


/* Custom property */
:root{
    /* Fuentes */
    --fuentePrincipal: "Poppins", sans-serif;
    --fuenteSecundaria: "Poppins", sans-serif;
    --fuenteDestacada: "Poppins", sans-serif;

    /* Colores */
		--colorBase: 	#000000;
		--colorEnfasis: #000000;
		--colorTexto: 	#000000;

		--colorBlanco: 	#ffffff;
		--colorRojo1: 	#CF1110;
		--colorRojo2: 	#B40C0C;
		--colorGris1: 	#998A8B;
		--colorGris2: 	#AE948D;
		--colorVainilla:#FDFAF5;
		--colorNegro: 	#000000;
		--colorNegro2: 	#1C1A18;
		--bgGradiente1: transparent linear-gradient(45deg, #C13C4A 15%, #802831 35%, #49171C 53%, #220B0D 69%, #090304 82%, #010101 90%) 0% 0% no-repeat padding-box;
		
	/* 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;
    }
}



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: 35%; 
    }
}

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


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


*/


@media screen and (min-width: 1200px) {
    html {
        font-size: 50%; 
    }
}
@media screen and (min-width: 1440px) {
    html {
        font-size: 54%; 
    }
}
@media screen and (min-width: 1600px) {
    html {
        font-size: 55%; 
    }
}
@media screen and (min-width: 1920px) {
    html {
        font-size: 62.5%; 
    }
}


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

a { color:#000; text-decoration: underline !important; }
a:hover {  }


/* ico */
.ico-dqa { line-height:0; }


/*
	Container DQA
*/
.container-dqa { display: flex; width: 100%; max-width: 1000px; margin: 0 auto; height: 100%; }
.container-dqa .container-wrapper-dqa { width:100%; padding:0 2rem 0 2rem; }
@media screen and (min-width: 768px) {
	.container-dqa { max-width: 80%; }
}


.sec-ful-container-dqa {  }
.sec-ful-container-dqa .col-1 { padding:4rem 2rem 4rem 2rem; }
.sec-ful-container-dqa .col-2 { padding:4rem 2rem 4rem 2rem; }
@media screen and (min-width: 1024px) { 
	.sec-ful-container-dqa {  }
	.sec-ful-container-dqa .col-1 { padding: 10rem; padding-left:calc(50% - 570px); }
	.sec-ful-container-dqa .col-2 { padding: 10rem; padding-right:calc(50% - 570px); }
}


/* Menu Redes */
.menu-redes { list-style:none; margin:0; padding:0; display:flex; flex-wrap: wrap; gap:2rem; justify-content:center; }
.menu-redes li a { font-size: 1.4rem; color: #fff; }
.menu-redes li a i { font-size: 1.4rem; background-color: #fff; width: 1.8rem; height: 1.8rem; border-radius: 50%; color: var(--colorRojo1); display: flex; justify-content: center; align-items: center; padding: 0.8em; }
@media screen and (min-width: 768px) {
	.menu-redes li a { font-size: 1.8rem; }
	.menu-redes li a i { width: 3rem; height: 3rem; font-size:1.6rem; }	
}

/* Menu Contacto */
.menu-contacto { list-style:none; margin:0; padding:0; display:flex; flex-wrap: wrap; gap:2rem; justify-content:center; }
.menu-contacto li a { font-size: 1.4rem; color: #fff; display:flex; }
.menu-contacto li a i { font-size: 1.4rem; background-color: #fff; width: 1.8rem; height: 1.8rem; border-radius: 50%; color: var(--colorRojo1); display: flex; justify-content: center; align-items: center; padding: 0.8em; margin-right:1rem; }
@media screen and (min-width: 768px) {
	.menu-contacto { justify-content:flex-start; }
	.menu-contacto li a { font-size: 1.8rem; }
	.menu-contacto li a i { width: 3rem; height: 3rem; font-size:1.6rem; }	
}

/*
	Menu Principal
*/
.menu-principal { display:flex; flex-wrap: wrap; list-style:none; padding:0; margin:0; }
.menu-principal li { list-style:none; width:100%; border-bottom:1px solid rgba(0,0,0,0.6); }
.menu-principal li a { display:block; font-size:1.6rem; padding: 1rem; font-weight:500; text-align:center; color:#000; }
@media screen and (min-width: 768px) {
	.menu-principal { display:flex; gap: 5rem; }
	.menu-principal li { width:auto; border-bottom:none; }
	.menu-principal li a { font-size:1.8rem; font-weight:500; padding:0; }
}

/*
	Menu Footer
*/
.menu-footer { list-style:none; padding:0; margin:0; }
.menu-footer li { padding:0; margin:0; }
.menu-footer li a { display: block; color:#fff; font-size:1.4rem; font-weight:600; padding:0.5rem 0 0.5rem 0; }
@media screen and (min-width: 768px) { 
	.menu-footer li a { font-size:1.8rem; }
}

/* Menu de Perfil */
.menu-usuario-contenedor { position: relative;  display: inline-block; }
.menu-desplegable { display: none; position: absolute; top: 100%;  right: 0;  background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1000; border: 1px solid #ccc; border-top: none; }
.menu-desplegable.mostrar-menu { display: block; }
.menu-desplegable .menu { list-style: none; padding: 0; margin: 0; }
.menu-desplegable .menu .menu-item a { display: block; padding: 10px 15px; text-decoration: none; color: #333; }
.menu-desplegable .menu .menu-item a:hover { background-color: #ddd; }
.menu-desplegable .menu .cerrar-sesion a { color: red; }
.activador-menu { cursor: pointer; }
.activador-menu i { margin-left:1rem; }

/*
	Sec Menu Movil
*/
.sec-header-movil { border-bottom:1px solid rgba(0,0,0,0.2); }
.sec-header-movil .col-2 .btn-menu-movil { display: none; } 
.sec-header-movil .col-2 .btn-menu-movil.active { display: block; } 
.sec-header-movil .col-2 .btn-menu-close-movil { display: none; } 
.sec-header-movil .col-2 .btn-menu-close-movil.active { display: block; } 
.sec-menu-movil { display:none; }
.sec-menu-movil.active { display:block; }


/*
	Menu usuario no logueado
*/
.menu-usuario-no-logueado a { color:#000; }


/*
	Slider Home - Parche
*/
.banner-home .swiper-slide .swiper-slide-inner {  }
@media screen and (min-width: 1024px) { 
	.banner-home .swiper-slide .swiper-slide-inner { padding-left:calc(50% - 570px); }
}



/*
	Título 
*/
.titulo-dqa-1 h2 { background-color:var(--colorRojo1); padding:1rem 2rem 1rem 2rem }



/*
	Formulario Elementor
*/
.dqa-form {  }
.dqa-form .elementor-column {  }
@media screen and (min-width: 768px) { 
	.dqa-form .elementor-column label { width:30%; }
	.dqa-form .elementor-column input,
	.dqa-form .elementor-column .elementor-select-wrapper  { width:70%; flex-basis:auto !important; }
}


/*
	Formulario Profile Builder
*/
.w-registro-dqa .form-submit {  }
.w-registro-dqa .form-submit [type="submit"] { background-color:var(--colorRojo1); color: #fff; font-size:1.6rem; padding:0.5em 2em 0.5em 2em; }

.w-login-dqa .login-submit {  }
.w-login-dqa .login-submit [type="submit"] { background-color:var(--colorRojo1); color: #fff; font-size:1.6rem; padding:0.5em 2em 0.5em 2em; }

.w-login-dqa .form-submit {  }
.w-login-dqa .form-submit [type="submit"] { background-color:var(--colorRojo1); color: #fff; font-size:1.6rem; padding:0.5em 2em 0.5em 2em; }


/*
	List Check
*/
.dqa-list-check { list-style:none; padding:0; margin:0; }
.dqa-list-check > li { list-style:none; padding:0rem 0 0rem 6rem; margin:0 0 3rem 0; position:relative; }
.dqa-list-check > li::before { content:''; width:4rem; height:4rem; position:absolute; top:0; left:0; }
.dqa-list-check > li::before { background-image:url('images/ico-check.webp'); background-position: center; background-repeat:no-repeat; background-size:contain; }
@media screen and (min-width: 768px) { 
	.dqa-list-check > li { padding:0.5rem 0 0.5rem 7rem; }
	.dqa-list-check > li::before { width:5rem; height:5rem; }
}


/*
	Icono Contacto
*/
.dqa-ico-contacto { background-color: #fff; width: 5rem !important; height: 5rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; }


/*
	Add Cart - Btn
*/
.dqa-addcart p { border:none !important; }


/*
	Woocommerce - Cart
*/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt { background-color:var(--colorRojo1); }
.dqa-woo-cart a { color:#000; }
.woocommerce .quantity .qty { width:6em; }


/*
	Single Product Woocommerce
*/
.single-product #primary { background-color:#d0d3cdlec; padding-top:2rem; padding-bottom:2rem; }
.product a { color:#000; }
.woocommerce-product-details__short-description { padding:2rem 0 2rem 0; }


/*
	Participantes
	Single Product
*/
.participantes-campos { padding:2rem 0 2rem 0; }
.participantes-campos .optional { display:none; }
.participantes-campos h3 { font-size:1.6rem; font-weight:500; }
.participantes-campos .participante-bloque { padding:1rem 0 1rem 0; }
.participantes-campos .participante-bloque h4 { font-size:1.4rem; font-weight:500; }
.participantes-campos .participante-bloque input { width:100%; }
.participantes-campos .participante-bloque input[type="text"] { width:100%; }
.participantes-campos .participante-bloque input[type="text"] { width:100%; }
@media screen and (min-width: 768px) { 
	.participantes-campos .participante-bloque { display: flex; align-items: center; gap: 2rem; }
}


/*
	Productos relacionados
*/
.related.products { margin-top:8rem; }


/*
	Woocommerce - Btn
	Parche
*/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover{ background-color:var(--colorRojo2); }

/*
	Accordion - Curso
	LearnDash
*/
.ld-accordion { margin-bottom: 6rem; }


/*
	My account
*/
.dqa-my-account a { color:var(--colorBase); }
.woocommerce-MyAccount-navigation ul { list-style:none; margin:0; padding:0; }
.woocommerce-MyAccount-navigation ul li { list-style:none; }
.woocommerce-MyAccount-navigation ul li.is-active a { text-decoration:underline; }


/*
	Woocommerce Info
	Parche
*/
.woocommerce-info { border-top-color: var(--colorRojo1); }
.woocommerce-info::before { color:var(--colorRojo1); }






/*:
 * Diego ALVA
 * 
 * */



/*
 * 	Blog
 * */
.dqa-list-blog .elementskit-entry-thumb img { aspect-ratio:2.16; object-fit: cover; }
.dqa-list-blog  .lakit-posts__thumbnail-link img { aspect-ratio:2.16; object-fit: cover; }