/*
Theme Name: Clean V7
Author: Ezequiel Alonzo
Author URI: https://linkedin.com/in/ezequiel-alonzo
Description: Tema desarrollado desde cero con la versión 7.0 de «Clean» hecho por Ezequiel Alonzo y basado en un diseño previamente realizado en Photoshop, Illustrator o AdobeXD para este cliente, no es copia de ningún tema del repositorio de WordPress ni de ninguna tienda especializada en la venta de temas y/o plantillas. | Theme developed from scratch with version 7.0 of "Clean" made by Ezequiel Alonzo and based on a design previously made in Photoshop, Illustrator or AdobeXD for this client, is not a copy of any theme of the WordPress repository or any store specialized in the sale of themes.
Version: 7.0
Text Domain: v7
*/


/*-----------------------------------------------------------------------------------*/
/* CSS DE AYUDA
/*-----------------------------------------------------------------------------------*/
@import "css/style-default.min.css";


/*-----------------------------------------------------------------------------------*/
/* FUENTES
/*-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap');
/*-----------------------------------------------------------------------------------*/
/* VARIABLES
/*-----------------------------------------------------------------------------------*/
:root {
	--azul01: #2ca6f2;
	--azul02: #0075c4;
	--azul03: #03346b;
}

body {
	opacity: 0;
	line-height: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

.t-msb {font-weight: 600}
.t-mb {font-weight: 700}
.t-mxb {font-weight: 800}

.t-azul01 {color: var(--azul01)}
.t-azul02 {color: var(--azul02)}
.t-azul03 {color: var(--azul03)}

.bg-azul01 {background-color: var(--azul01)}
.bg-azul02 {background-color: var(--azul02)}
.bg-azul03 {background-color: var(--azul03)}

hr.myhr {
    background-color: var(--azul01);
    border-top-width: 9px;
    max-width: 80px;
}

.btn-info,
.btn-info:focus {
    background-color: var(--azul03);
    border-color: var(--azul03);
}
.btn-info:hover {
    background-color: var(--azul02);
    border-color: var(--azul02);
}
.formstyle label {
    color: #fff;
}

.formstyle .quform-button-submit {
    width: 100%;
}
.formstyle textarea {
    max-height: 100px
}

.formstyle button.quform-submit,
.formstyle button.quform-submit:focus {
    margin: auto;
    background-color: var(--azul01);
    color: #fff;
    border: 0;
    padding: 15px 50px;
    border-radius: 6px;
}
.formstyle button.quform-submit:hover {
    background-color: #fff;
    color: var(--azul03);
}

section.sticky-top.navNoTop {
    box-shadow: 0 0 10px #00000040;
    padding: 10px 0 !important;
}
section.sticky-top.navNoTop a.navbar-brand img {
    /* width: 160px */
}
nav a.nav-link {
    position: relative;
}
nav a.nav-link:after {
    content: '';
    width: 0;
    margin: auto;
    height: 4px;
    background-color: var(--azul01);
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
}
nav a.nav-link.active:after,
nav a.nav-link:hover:after {
    width: calc(100% - 15px);
}

.quform-error>.quform-error-inner {
    border: 0;
    background: #f00;
    padding: 3px 8px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 100px;
}
.other-form label {
    text-transform: uppercase;
    color: #fff;
}

.other-form input {
    background: transparent;
    border-width: 2px!important;
}

.other-form .quform-button-submit {
    width: 100%;
}

.other-form button.quform-submit,
.other-form button.quform-submit:focus {
    margin-left: auto;
    border: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
}
.other-form button.quform-submit:hover {
    background-color: var(--azul03);
    color: #fff;
}
button.fancybox-close-small svg path {
    fill: #fff;
}