/*
Theme Name: Pisto Theme Child
Author: Pisto
Description: Personalizaciones de Pisto Theme.
Template: pisto-theme
Version: 1.0.0
Requires at least: 7.1.1
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pisto-theme-child
*/

/* Añade aquí tus estilos. Se cargan después de los estilos de Pisto Theme. */



/*TYPOGRAPH*/
	/*DESKTOP*/
		a {
			text-decoration: none!important;
		}
		.align-center {
			text-align: center!important;
		}
		.align-right {
			text-align: right!important;
		}
		.align-left {
			text-align: left!important;
		}
		h1 {
			/* H1 Desktop */
			font-family: "News Cycle";
			font-size: 60px;
			font-style: normal;
			font-weight: 700;
			line-height: 70px; /* 116.667% */
		}
		h2 {
			/* H2 Desktop */
			font-family: "News Cycle";
			font-size: 42px;
			font-style: normal;
			font-weight: 700;
			line-height: 56px; /* 133.333% */
		}
		h3 {
			/* H3 Desktop */
			font-family: "News Cycle";
			font-size: 28px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
		}
		h4 {
			/* H4 Desktop */
			font-family: "News Cycle";
			font-size: 22px;
			font-style: normal;
			font-weight: 700;
			line-height: 30px; /* 136.364% */
		}
		h5 {
			font-family: "News Cycle";
			font-size: 18px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
		}
		h6 {
			
		}
		.big-p , .big-p * {
			/* Párrafo grande - Desktop */
			font-family: Comfortaa;
			font-size: 22px;
			font-style: normal;
			font-weight: 400;
			line-height: 32px; /* 145.455% */
		}
		p, body, .regular-p {
			/* Párrafo normal - Desktop */
			font-family: Comfortaa;
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: 22px; /* 137.5% */
		}
		.small-p , .small-p * {
			/* Párrafo pequeño - Desktop */
			font-family: Comfortaa;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 20px; /* 142.857% */
		}
		.barra-flash , .barra-flash p {
			/* Barra flash - Desktop */
			font-family: Comfortaa;
			font-size: 15px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
			letter-spacing: 1.5px;
		}
		h1, h2, h3, h4, h5, h6, p {
			margin-top: 0px!important;
			margin-bottom: 0px!important;
		}
		.contact-preheader , .link-footer {
			font-family: Comfortaa;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 20px; /* 142.857% */
		}
	/*MOBILE*/
		@media screen and (max-width: 991px) {
		.align-center-mobile {
			text-align: center!important;
		}
		.align-right-mobile {
			text-align: right!important;
		}
		.align-left-mobile {
			text-align: left!important;
		}
		h1 {
			/* H1 Mobile */
			font-family: "News Cycle";
			font-size: 46px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
		}
		h2 {
			/* H2 Mobile */
			font-family: "News Cycle";
			font-size: 32px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
		}
		h3 {
			/* H3 Mobile */
			font-family: "News Cycle";
			font-size: 24px;
			font-style: normal;
			font-weight: 700;
			line-height: 24px;
		}
		h4 {
			/* H4 Mobile */
			font-family: "News Cycle";
			font-size: 20px;
			font-style: normal;
			font-weight: 700;
			line-height: 20px;
		}
		h5 {

		}
		h6 {
			
		}
		.big-p , .big-p * {
			/* Párrafo grande - Mobile */
			font-family: Comfortaa;
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
		}
		p, body, .regular-p {
			/* Párrafo normal - Mobile */
			font-family: Comfortaa;
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
		}
		.small-p , .small-p * {
			/* Párrafo pequeño - Mobile */
			font-family: Comfortaa;
			font-size: 12px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
		}
		.barra-flash , .barra-flash p {
			/* Barra flash - Mobile */
			font-family: Comfortaa;
			font-size: 14px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
			letter-spacing: 2.8px;
			text-transform: uppercase;
		}
		}
/*COLOR*/
	.color-1 , .color-1 * {
		color: #EBCB73!important;
	}
	.color-blanco , .color-blanco * {
		color: #F5EDD6!important;
	}
	.color-negro , .color-negro * {
		color: #0D0B08!important;
	}	
		.color-4 , .color-4 * {
		color: #f5edd6cc!important;
	}
	.color-3 , .color-3 * {
		color: #C9A84C!important;
	}

/*BOTONES*/
	a.btn-color {
		border-radius: 4px;
		padding: 10px 32px;
		background-color: #C9A84C!important;
		color: #0D0B08!important;
		border: 1px solid #C9A84C!important;
		font-family: Comfortaa;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 22px; /* 137.5% */
		display: inline-block;
		cursor: pointer;
	}
	a.btn-color:hover, a.btn-color:active {
		background-color: #EBCB73!important;
		border: 1px solid #EBCB73!important;
	}
	a.btn-color i {
		margin-left: 8px;
	}
	a.btn-color-2 {
		border-radius: 4px;
		padding: 10px 32px;
		background-color: transparent!important;
		color: #C9A84C!important;
		border: 1px solid rgba(201, 168, 76, 0.30)!important;
		font-family: Comfortaa;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 22px; /* 137.5% */
		display: inline-block;
		cursor: pointer;
	}
	a.btn-color-2:hover, a.btn-color-2:active {
		background-color: transparent!important;
		border: 1px solid rgba(201, 168, 76, 1)!important;
	}
	a.btn-color-2 i {
		margin-right: 8px;
	}
	body.pisto-site {
		background: #0D0B08;
	}
	.pisto-site-header {
	    background: transparent;
	    border-bottom: 0px;
	}
	@media screen and (max-width: 768px) {
		a.btn-color {
			padding: 10px;
			font-size: 14px;
		}
	} 
/*LAYOUT & GENERAL BLOCKS*/
	/*HEADER*/
		.pisto-header--desktop {
		    gap: 0;
		    padding-block: unset;
		    padding: 10px 15px;
		}
		.pisto-preheader {
		    background-color: #1A1510;
		}
		header.pisto-site-header.pisto-sticky-desktop.pisto-sticky-mobile {
			    border-bottom: 1px solid rgba(201, 168, 76, 0.18);
    background: rgba(13, 11, 8, 0.80);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.60);
    backdrop-filter: blur(10px);
		}
		.pisto-navigation a  , .pisto-menu-panel a{
			color: rgba(245, 237, 214, 0.80);
			text-align: center;
			/* Párrafo pequeño - Desktop */
			font-family: Comfortaa;
			font-size: 14px;
			font-style: normal;
			font-weight: 700;
			line-height: 20px; /* 142.857% */
		}
		.pisto-header--desktop .pisto-header-group--1 {
			width: 40%;
		}
		.pisto-header--desktop .pisto-header-group--2 {
			width: 20%;	
			justify-content: center;
		}
		.pisto-header--desktop .pisto-header-group--3 {
			width: 40%;
			justify-content: right;
		}
		.pisto-header-group {
			gap: 0;
		}
		.pisto-container.pisto-container--preheader.pisto-container--full {
		    padding: 0px;
		}
		.pisto-branding {
			padding: 10px 0px;
		}
		.pisto-menu-toggle, .pisto-menu-close {
		    font: inherit;
		    padding: 0px;
		    min-height: 44px;
		    cursor: pointer;
		    border: 0px;
		    background: transparent;
		    color: #c9a84c;
		}
		.pisto-menu-dialog {
			background: #0D0B08;
		}
		span.pisto-menu-label {
    		display: none;
		}
		.pisto-menu-icon {
			    height: var(--pisto-menu-icon-thickness, 3px);
			        width: var(--pisto-menu-icon-width, 34px);
		}
		body.pisto-site {
			    margin-right: 0px !important;
    margin-left: 0px;
		}
		.full-section {
			padding: 0px;
		}
		.content-row {
		    max-width: 1430px !important;
		    margin: 0 auto !important;
		    padding: 0px 15px;
		    width: 100%!important;
		}
		.padding-section {
			padding-top: 100px!important;
			padding-bottom: 100px!important;
		}
		@media (max-width: 991px) {
		    .pisto-header-inner.pisto-header--mobile {
		        flex-direction: row;
		        align-items: flex-start;
		        gap: 0;
		        padding-block: 0;
		        align-items: center;
		    }
		    .pisto-header--mobile .pisto-header-group--1 {
				width: 35%;
			}
			.pisto-header--mobile .pisto-header-group--2 {
				width: 30%;	
				justify-content: center;
			}
			.pisto-header--mobile .pisto-header-group--3 {
				width: 35%;
				justify-content: right;
			}
					.padding-section {
			padding-top: 40px!important;
			padding-bottom: 40px!important;
		}
		}

    

	
	.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_section, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section {
	    padding-top: 0px;
	}
	.mg-bottom-xl {
		margin-bottom: 45px!important;
	}
	.mg-bottom-l {
		margin-bottom: 30px!important;
	}
	.mg-bottom-m {
		margin-bottom: 20px!important;
	}
	.mg-bottom-s {
		margin-bottom: 15px!important;
	}
	.mg-bottom-xs {
		margin-bottom: 10px!important;
	}
	footer.pisto-site-footer.pisto-site-footer--custom {
	    border-top: 1px solid rgba(201, 168, 76, 0.18);
	    background: #1A1510;
	    padding-top: 40px;
	    padding-inline-end: 0px;
padding-inline-start: 0px;
	}
	body .vc_section {
		margin-left: 0px;
    margin-right: 0px;
	}
	.hide-desktop {
				display: none!important;
	}
	.hide-mobile {
		display: block!important;
	}
	@media screen and (max-width: 991px) {
		.hide-desktop {
				display: block!important;
			}
			.hide-mobile {
				display: none!important;
			}
			.twin-buttons a {
				margin-bottom: 10px;
			}
	}
	.link-footer i {
		margin-right: 5px;
	}

.vc_row.wpb_row.vc_row-fluid.texto-fondo-video {
    position: absolute;
    z-index: 2;
    left: 0;
    padding: 0px 15px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}
section.vc_section.seccion-video {
    position: relative;
}

section.vc_section.seccion-video:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 2;
    width: 100%;
    height: calc(100% - 5px);
}
.video-row-absolute video.elementor-video {
    width: -webkit-fill-available;
}
.vc_gitem-zone-a .vc_gitem-row-position-top, .vc_gitem-zone-b .vc_gitem-row-position-top {
    position: static;
}
.vc-gitem-zone-height-mode-auto:before {
    content: "";
    display: block;
    padding-top: 0;
}
.owl-item , .owl-stage{
    width: 100% !important;
}
    .ctwhatsapp {
    background: #EBCB73;
    position: fixed;
    left: 0px;
    z-index: 998;
    width: 43px;
    height: 43px;
    bottom: 168px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #0D0B08!important;
}
.cttelefono {
    background: #EBCB73;
    position: fixed;
    left: 0px;
    z-index: 998;
    width: 43px;
    height: 43px;
    bottom: 125px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    border-radius: 0px;
    color: #0D0B08!important;
}
.ctform {
    background: #EBCB73;
    position: fixed;
    left: 0px;
    z-index: 998;
    width: 43px;
    height: 43px;
    bottom: 82px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    border-bottom-right-radius: 4px;
    border-bottom-leftt-radius: 4px;
    color: #0D0B08!important;
    cursor: pointer!important;
}


    .ctwhatsapp:hover , .ctdolly:hover , .cttelefono:hover , .ctform:hover {
        background-color: #C9A84C;
    }
.fondo-formulario {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 9999;
        display: none;
        cursor: pointer;
        cursor: pointer;
    }
.dentro-formulario {
    max-width: 800px;
    width: 80%;
    position: fixed;
    top: 50px;
        padding: 20px;
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto;
        cursor: default;
            background: #1A1510;
    }
    i.fas.fa-times.cerrar-formulario  {
        position: absolute;
        top: 10px;
        right: 20px;
        color: #fff;
        cursor: pointer;
    }
    .form-custom input, .form-custom textarea, .form-custom select {
	    background-color: #1A1510!important;
	    border-bottom: 0px solid !important;
	    color: #F5EDD6;
	    margin-bottom: 10px !important;
	    font-family: Comfortaa;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; 
	    height: 45px!important;
	    font-weight: 400;
	    border-radius: 4px;
	    border: 1px solid rgba(201, 168, 76, 0.18)!important;
	    padding-left: 10px;
	}
	.form-custom textarea {
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        height: 95px!important;
        border-radius: 4px;
        font-size: 14px;

    }
    .form-custom {
    	margin-bottom: 30px;
    }
        .form-custom input[type="submit"] {
 
    height: auto !important;
    width: 100%;
    background-color: #C9A84C!important;
    color: #0D0B08!important;
    border: 2px solid #C9A84C!important;
    font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
    margin-right: 0px;
    padding: 12px 32px !important;
    margin-bottom: 5px;
    border-radius: 4px;
    text-transform: none;
    text-align: center;
    letter-spacing: normal;
    font-family: Comfortaa!important;
}
.fila-politicas div {
    display: inline-block;
}
.form-custom .fila-politicas {
        font-size: 14px!important;
        padding-left: 0px;
        color: #000;
        margin-top: -5px;
        margin-left: 0px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    input , textarea , select {
        width: 100%;
    }
    .form-custom .fila-politicas input {
        margin-bottom: 0px;
        width: auto;
        height: auto!important;
    }
    .relative-row-form {
    position: relative;
    top: -30px;
}
    .form-custom .fila-politicas * {
    font-family: Comfortaa!important;
font-size: 14px!important;
font-style: normal!important;
font-weight: 400!important;
line-height: 20px!important;
}
.wpcf7-not-valid-tip {
    color: #dc3232!important;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    margin-top: -10px;
    padding-left: 6px;
}
/*CUSTOM PAGE*/
.contact-row-icons > div > div {
	padding-left: 5px!important;
	padding-right: 5px!important;
}
	.contact-row-icons > div > div > div {
	    background: #1A1510;
	    padding: 20px 10px;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.contact-row-icons i {
		font-size: 30px;
		margin-bottom: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	html[lang="es"] .es , html[lang="cat"] .cat:hover {
		background: rgba(201, 168, 76, 0.20);
		color: #EBCB73!important;
		padding: 7px 5px;
	}
	html[lang="cat"] .cat , html[lang="es"] .es:hover {
		background: rgba(201, 168, 76, 0.20);
		color: #EBCB73!important;
		padding: 7px 5px;
	}
	.legal-links a {
		display: inline-block;
		margin-left: 5px;
	}
	.square-featured > div > div {
    	padding: 32px !important;
    	border: 1px solid rgba(201, 168, 76, 0.18);
	}
	.square-featured > div > div:hover {
		background-color: #1A1510;
		border: 1px solid rgba(201, 168, 76, 0.60);
	}
	.gradient-line {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(201, 168, 76, 0.40) 50%, rgba(0, 0, 0, 0.00) 100%);
    width: 100%;
    height: 1px;
}
.featured-solution .vc_inner {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    padding: 10px 15px 30px;

}
.featured-solution .wpb_column {
	position: relative;
}
.featured-solution > div > div {
	    background: #1A1510;
	    padding-left: 0px!important;
	    padding-right: 0px!important;
}

.label-solucion {
    background: #EBCB73;
    width: fit-content;
    position: absolute;
    top: 0;
    left: 20px;
    top: 20px;
    padding: 4px 10px;
    font-family: Comfortaa;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.label-2 {
	background: #C9A84C;
}
.vc_row.wpb_row.vc_row-fluid.video-row-bg {
    position: absolute;
    width: 100%;
    opacity: .2;
    top: 0;
    left: 0;
}
.section-relative {
	position: relative;
	overflow: hidden;
}
body .numbers-row {
    background-position: center 30px !important;
}
ol.vc_carousel-indicators {
    display: none;
}
.vc_carousel-slideline-inner * {
    text-align: center;
    margin: 0 auto;
}
.max-800 {
    max-width: 800px !important;
}
.text-col {
	padding: 30px!important;
}
.vc_toggle_title {
    color: #F5EDD6;
    padding-left: 0px !important;
}.vc_toggle_content {
    color: #F5EDD6;
    font-family: Comfortaa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}
i.vc_toggle_icon {
    left: unset !important;
    right: 0;
}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before {
	display: none!important;
}


.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after {
    width: 8px;
    height: 8px;
    content: '\f107';
    font-family: 'FontAwesome';
    display: block;
    position: relative;
    top: -2px;
    transform: none;
    font-style: normal;
    color: #C9A84C !important;
    background-color: transparent;
    border: 0px;
}
.vc_toggle_default.vc_toggle_active .vc_toggle_icon::after {
    visibility: visible;
    content: '\f106';
}
.vc_toggle_default .vc_toggle_icon {
    background: transparent;
    border: 0px;
}
.video-row-bg * {
    padding: 0px !important;
}
.video-row-bg {
    margin-left: 0px;
    margin-right: 0px;
}
video.elementor-video {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}
.padding-hero {
	padding-top: 180px!important;
	padding-bottom: 180px!important;
}
.slide-home .padding-hero {
	position: relative;
	z-index: 2;
}
a {cursor: pointer!important;}
	@media screen and (max-width: 991px) {
		.padding-hero {
	padding-top: 80px!important;
	padding-bottom: 80px!important;
}

		.dentro-formulario {
            padding: 30 15px;
            height: auto;
            overflow-y: scroll;
        }
		.legal-links a {
		display: block;
		margin-left: auto;
		margin-bottom: 10px;
		margin-right: auto;
		text-align: center;
	}
	.square-featured > div > div {
    	padding: 16px 8px !important;
    	border: 1px solid rgba(201, 168, 76, 0.18);
	}
	body .numbers-row {
    background-image: unset!important;
}
	}