:root{
    --blanco: #fff;
    --negro: #000;
    --azul1: #1BAEB5;
    --azul2: #88CCC1;
    --gris1: #878787;
    --gris2: #3D3D3B;
    --gris3: #b2b2b2;
    --negro2: #1D1D1B;
    --vino: #5c0819;
    --lexendL: 'Lexend-Light';
    --lexendR: 'Lexend-Regular';
    --lexendM: 'Lexend-Medium';
    --lexendSB: 'Lexend-SemiBold';
    --lexendB: 'Lexend-Bold';
    --lexendEB: 'Lexend-ExtraBold';
    --worksansR: 'WorkSans-Regular';
    --worksansSBI: 'WorkSans-SemiBoldItalic';
}

/* Fonts */
@font-face {
    font-family: 'Lexend-Light';
    src: url(../archivos/fonts/Lexend-Light.ttf) format("truetype");
}
@font-face {
    font-family: 'Lexend-Regular';
    src: url(../archivos/fonts/Lexend-Regular.ttf) format("truetype");
}
@font-face {
    font-family: 'Lexend-Medium';
    src: url(../archivos/fonts/Lexend-Medium.ttf) format("truetype");
}
@font-face {
    font-family: 'Lexend-SemiBold';
    src: url(../archivos/fonts/Lexend-SemiBold.ttf) format("truetype");
}
@font-face {
    font-family: 'Lexend-Bold';
    src: url(../archivos/fonts/Lexend-Bold.ttf) format("truetype");
}
@font-face {
    font-family: 'Lexend-ExtraBold';
    src: url(../archivos/fonts/Lexend-ExtraBold.ttf) format("truetype");
}
@font-face {
    font-family: 'WorkSans-Regular';
    src: url(../archivos/fonts/WorkSans-Regular.ttf) format("truetype");
}
@font-face {
    font-family: 'WorkSans-SemiBoldItalic';
    src: url(../archivos/fonts/WorkSans-SemiBoldItalic.ttf) format("truetype");
}
/* End */

/* Globals */
h1, h2, h3, h4, h5, h6{
    letter-spacing: 0;
}
/* End */

/* Header */
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span{
    color: var(--gris3);
    font-family: var(--lexendL);
    letter-spacing: 0;
}
#header .header-nav-top .nav > li > a i{
    color: var(--vino);
}
#header .header-nav-main nav > ul > li > a{
    font-family: var(--lexendR);
    color: #fff;
    font-weight: normal;
}
#header .header-nav.header-nav-links nav > ul li:hover > a{
    color: var(--vino);
}
#header .header-logo img{
    width: 220px;
    height: auto;
}
/* End */

/* Main Slider */
#home .title{
    font-family: var(--lexendEB);
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 0;
    color: #fff;
}
#home .title b{
    color: var(--vino)!important;
}
#home .subtitle{
    color: #dadada;
    font-family: var(--lexendL);
    white-space: pre-line;
    margin-bottom: 0;
    font-size: 22px;
    line-height: normal;
}
#home .subtitle span.bold{
    font-family: var(--lexendSB);
    color: var(--vino);
}
/* End */

/* Fiscal */
#fiscal{
    position: relative;
}
#fiscal img.left{
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    object-fit: cover;
}
#fiscal .smallTitle{
    color: var(--gris3);
    font-family: var(--lexendB);
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    margin-bottom: 10px;
}
#fiscal .title{
    font-family: var(--lexendEB);
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0;
    color: var(--vino);
}
#fiscal .list li{
    color: var(--gris1);
    font-size: 17px;
    font-family: var(--worksansR);
}
#fiscal .list li:last-child{
    margin-bottom: 0;
}
#fiscal .list li i{
    color: var(--gris1);
}
/* End */

/* Planes */
#planes{
    background: #222429;
}
#planes .iconBox{
    width: 70px;
    height: auto;
}
#planes .title{
    color: #fff;
    font-family: var(--lexendEB);
    font-size: 35px;
    line-height: 40px;
}
#planes .description{
    color: var(--gris3);
    font-family: var(--worksansR);
    font-size: 20px;
}
#planes .titlePoint{
    font-family: var(--lexendB);
    font-size: 18px;
    letter-spacing: 0;
    color: #fff;
    margin: 10px 0;
}
#planes .descriptionPoint{
    color: var(--gris3);
    font-family: var(--worksansR);
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 0;
}
/* End */

/* Phrase 1 */
#phrase1{
    position: relative;
    background: url(../archivos/Dynami-Cintillo-Fondo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#phrase1 .title{
    font-family: var(--lexendR);
    color: #fff;
    white-space: pre-line;
    margin-bottom: 0;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0;
}
#phrase1 .title span{
    font-family: var(--lexendEB);
}
/* End */

/* Nosotros */
#nosotros .smallTitle{
    color: var(--gris3);
    font-family: var(--lexendB);
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    margin-bottom: 10px;
}
#nosotros .title{
    font-family: var(--lexendEB);
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0;
    color: var(--vino);
}
#nosotros .logoSection{
    margin: 0px 0 20px;
}
#nosotros .description{
    color: var(--gris1);
    font-family: var(--worksansR);
    font-size: 17px;
    text-align: justify;
    margin-bottom: 30px;
}
#nosotros .description span{
    font-family: var(--worksansSBI);
    color: var(--vino);
}
#nosotros .rowPoints{
    display: flex;
    justify-content: space-between;
}
#nosotros .points{
    color: var(--negro2);
    font-family: var(--lexendSB);
    font-size: 17px;
    margin-bottom: 0;
    white-space: pre-line;
}
/* End */

/* Footer */
#footer .textLogo{
    white-space: pre-line;
    font-family: var(--worksansR);
    color: var(--gris1);
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 20px;
}
#footer .textLogo span{
    color: var(--vino);
    font-family: var(--worksansSBI);
}
#footer .btn-blue{
    background: var(--vino);
    font-family: var(--lexendSB);
    color: #fff;
}
#footer .title{
    color: #fff;
    letter-spacing: 0;
    font-family: var(--lexendSB);
}
#footer .titleInfo{
    font-family: var(--lexendM);
    color: var(--vino);
}
#footer .link{
    color: var(--gris1);
    font-family: var(--lexendL);
    line-height: normal;
}
#footer .footer-copyright .CopyrightText{
    color: #fff;
    font-family: var(--worksansR);
    font-size: 13px;
}
#footer .logoRight{
    width: 170px;
    height: auto;
}
#footer .footer-copyright a{
    display: block;
}
#footer .footer-copyright.footer-copyright-style-2{
    border-top: 1px solid var(--gris1);
}
#footer form .alert{
    font-family: var(--lexendSB);
}
/* End */

/* Form */
#form.modal.show{
    display: flex!important;
    align-items: center;
    justify-content: center;
}
#form .modal-dialog{
    width: 500px;
}
#form .modal-title{
    color: var(--vino);
    font-size-adjust: var(--lexendEB);
    font-size: 30px;
    line-height: 35px;
}
#form .btn-blue{
    background: var(--vino);
    font-family: var(--lexendSB);
    color: #fff;
}
#form .form-control{
    font-family: var(--worksansR);
    color: var(--negro2);

}

/* End */

/******************************* 

Responsive  Home

********************************/

@media (max-width: 800px){
    /* Header */
    #header .header-btn-collapse-nav{background: var(--vino);}
    /* Banner */
    #home .title{font-size: 28px!important;}

    /* Fiscal */
    #fiscal img.left{position: relative; width: 100%; height: auto; margin-bottom: 35px;}

    /* Planes */
    #planes .featured-box .box-content{padding: 0.8rem 2.8rem;}

    /* Phrase 1 */
    #phrase1{background-attachment: initial;}
    #phrase1 .title{font-size: 30px; line-height: 35px;}

    /* Nosotros */
    #nosotros .rowPoints .col-auto .points{margin-bottom: 20px;}
    #nosotros .rowPoints .col-auto:last-child .points{margin-bottom: 0;}

    /* Footer */
    #footer .link{margin-bottom: 20px!important;}
    #footer .footer-copyright .CopyrightText{margin-bottom: 30px;}
    #footer .contentCenter{justify-content: center!important;}
}

