﻿:root {
    --main-gray: #CFD8DC;
    /*--main-white: #F5F5F5;*/
    --main-black: #000000;
    --main-blue: #1a32be;
    --footer-gray: #383838;
}

body {
    background-color: var(--main-white);
}

section {
    min-height: 40rem;
}

.Footer {
    background-color: var(--footer-gray);
    min-height: 40rem;
}

.Footer_Text {
    color: white;
    font-size: 1.5vw;
}

.Footer_Text_Light {
    color: white;
    font-size: 1vw;
    font-weight: 300;
}

#ModalAvisoPrivacidad .pdfview {
    margin:auto;
    display:block;
    width:95%;
    height:50%;
}

#PDF_CONDICIONES_GENERALES {
    margin: auto;
    display: block;
    width: 95%;
    height: 100%;
}
/********************************* ESTILOS DE HEADER *********************************/
.Header_Labels {
    font-size: 2rem;
    font-weight: 500;
}

    .Header_Labels a {
        color: var(--main-black) !important;
    }
    .Header_Labels a:hover {
        color: #007BFF !important;
    }

.Header_Button_Login {
    font-size: 2em !important;
    font-weight: 600 !important;
}

/********************************* ESTILOS DE INDEX *********************************/
.texto-sobrepuesto {
    position: absolute;
    top: 30%;
    left: 5%;
    transform: translate(-5%, -30%);
}

.Texto_Home_White_Title {
    font-size: 2vw;
    font-weight: bolder;
    /*color: var(--main-white);*/
    color:white;
    text-align: justify;
}

.Texto_Home_White {
    font-size: 2vw;
    font-weight: lighter;
    /*color: var(--main-white);*/
    color:white;
    text-align: justify;
}

.Banda_Socios_Comerciales {
    background-color: var(--main-gray);
}

.Banda_Socios_Comerciales_Texto {
    font-size: 4vw;
    font-weight: bolder;
    background-color: var(--main-white);
}

.Seccion_UNDO_Texto {
    font-size: 1.5vw;
    font-weight:normal;
    color: var(--main-black);
    text-align: justify;
}

.SeccionProblematicas_Texto {
    font-size: 3vw;
    font-weight: bolder;
    /*color: var(--main-white);*/
    text-align: justify;
    color:white;
}

.Problematicas_Text {
    font-size: 1.5vw;
    font-weight: bolder;
    color: var(--main-white);
    text-align: center;
}

.Problematicas_Text_Light {
    font-size: 1vw;
    font-weight: normal;
    color: var(--main-white);
    text-align: center;
}

.Seccion_Facilidades_Texto {
    font-size: 3vw;
    font-weight: bolder;
    color: var(--main-blue);
}

.card {
    background-color: var(--main-white) !important;
}

.Seccion_Facilidades_Card_Texto {
    font-size: 1.5vw;
    font-weight: bolder;
    text-align: left;
}

.Seccion_Facilidades_Card_Texto_Light {
    font-size: 1.2vw;
    font-weight: bold;
    color: #9E9E9E;
    text-align: left;
}

.Eventos_Texto {
    font-size: 4vw;
    font-weight: bolder;
    background-color: var(--main-white);
}


/********************************* ESTILOS DE SERVICIOS *********************************/
.Nuestros_Servicios_Text {
    font-size: 4vw;
    font-weight: bolder;
    color: #383838;
    text-align: justify;
}

.Nuestros_Servicios_Text_White {
    font-size: 3vw;
    font-weight: bolder;
    /*color: var(--main-white);*/
    color:white;
    line-height:initial;
}

.Nuestros_Servicios_Text_White_Light {
    font-size: 1.6vw;
    font-weight: normal;
    /*color: var(--main-white);*/
    color:white;
    text-align:justify;
}


/********************************* ESTILOS DE PRODUCTOS *********************************/
.Nuestros_Productos_Text {
    font-size: 4.5vw;
    font-weight: bolder;
    color: #383838;
    text-align: justify;
}

.ProductoCard {
}

    .ProductoCard:hover {
        background-color: var(--main-gray);
    }

.Prodcutos_Card_Text {
    font-size: 1.3vw;
    font-weight: bold;
    text-align: center;
}

.Prodcutos_Card_Text_Tiny {
    font-size: .6vw;
    font-weight: bold;
    text-align: center;
}

.Prodcutos_Description_Card_Tittle_Text {
    font-size: 2.5vw;
    font-weight: bolder;
    text-align:left;
}

.Prodcutos_Description_Card_Tittle_Text_Tiny {
    font-size: 1vw;
    font-weight: bolder;
    text-align:center;
}

.Productos_Card_Desc {
    font-size: 1.5vw;
    font-weight: bolder;
    text-align:justify;
}

.Productos_Card_Listado {
    font-size: 1.5vw;
    font-weight: normal;
    text-align: left;
}

/********************************* ESTILOS DE ACERCA DE *********************************/
.Acerca_Text {
    font-size: 4vw;
    font-weight: bolder;
    color: #383838;
    text-align: justify;
}

.Acerca_Text_Tiny {
    font-size: 2rem;
    font-weight: bold;
    text-align: justify;
}

.Acerca_Text_White {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: justify;
    color: white;
}

/********************************* AJUSTE DE RESOLUCION *********************************/
@media screen and (max-width: 1336px) {
    /***************AJUSTE DE HEADERS**************/
    .Header_Labels {
        font-size: 2em;
    }

    .Header_Button_Login {
        font-size: 1em;
        width: 100% !important;
    }

    /***************AJUSTE DE INDEX**************/
    .Seccion_Facilidades_Texto {
        font-size: 4vw;
    }

    /*************** AJUSTE DE SERVICIOS **************/
    
    .Nuestros_Servicios_Text_White_Light {
        font-size: 1.8vw;
    }

    /*************** AJUSTE DE PRODUCTOS **************/
    .Nuestros_Productos_Text {
        font-size: 5.5vw;
    }
    .Productos_Card_Listado {
        font-size: 2.5vw;
    }

    /*************** AJUSTE DE FOOTER **************/
    .Footer_Text {
        font-size: 2vw;
    }

    .Footer_Text_Light {
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 991px) {
    .row {
        display: block;
    }
    
    /*************** AJUSTE DE HEADERS **************/
    .ContenedorLogo {
        border-bottom:1px solid black;
    }

    .Header_Labels {
        font-size: 1.5em;
        justify-content: start !important;
        padding-left: 2rem !important;
    }

    .ContenedorLogin {
        justify-content: start !important;
        padding: 0 !important;
        width:100% !important;
        background-color: var(--main-white) !important;
    }

    .Header_Button_Login {
        font-size: .5em;
        width: 100% !important;
        height: 50% !important;
        border-radius:0 !important;
    }

    
    /*************** AJUSTE DE INDEX **************/
    .Seccion_UNDO_Texto {
        font-size: 2.5vw;
    }

    #FooterProbelmaticas {
        display: none;
    }

    #ContenedorTiroBlanco {
        visibility: collapse;
    }

    #idTiroBlanco {
        display: none;
    }

    .Problematicas_Text {
        font-size: 2vw;
    }

    .Problematicas_Text_Light {
        font-size: 2vw;
    }

    .CardProblematicasLeft {
        margin-left: 0 !important;
        border-radius: 0 0 0 0 !important;
    }

    .CardProblematicasCentral {
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 0 0 0 0 !important;
    }

    .CardProblematicasRight {
        border-radius: 0 0 0 0 !important;
    }

    .CardFacilidades {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin: 0 !important;
    }

    .Seccion_Facilidades_Card_Texto {
        font-size: 2.8vw;
    }

    .Seccion_Facilidades_Card_Texto_Light {
        font-size: 2.5vw;
    }

    
    /*************** AJUSTE DE SERVICIOS **************/
    .Nuestros_Servicios_Text {
        font-size: 6vw;
    }

    .ServiciosImagen {
        display: none;
    }

    .ServiciosRecuadro {
        padding: 0 !important;
        height: 50% !important;
    }

    .ServiciosRecuadroSinDescarga {
        padding: 0 !important;
        height: 100% !important;
    }

    .ServiciosSinRadio {
        border-radius: 0 0 0 0 !important;
    }

    .Nuestros_Servicios_Text_White_Light {
        font-size: 2.5vw;
    }

    
    /*************** AJUSTE DE PRODUCTOS **************/
    .Prodcutos_Card_Text {
        font-size: 3.3vw;
    }

    .Prodcutos_Card_Text_Tiny {
        font-size: 2vw;
    }

    .Prodcutos_Description_Card_Tittle_Text {
        font-size: 4vw;
    }

    .Prodcutos_Description_Card_Tittle_Text_Tiny {
        font-size: 2.5vw;
    }

    .Productos_Card_Desc {
        font-size: 2.5vw;
    }

    .Productos_Card_Listado {
        font-size: 2vw;
    }

    /*************** AJUSTE DE ACERCA DE **************/
    .Acerca_Text {
        font-size: 6vw;
    }
    .AcercaImagen {
        display: none;
    }

    /*************** AJUSTE DE FOOTER **************/
    .Footer_Text {
        font-size: 2.5vw;
    }

    .Footer_Text_Light {
        font-size: 2vw;
    }


    /**********************************************/
}

@media screen and (max-width: 895px) {
    /***************AJUSTE DE INDEX**************/
    .Seccion_Facilidades_Card_Texto {
        font-size: 3.8vw;
    }

    .Seccion_Facilidades_Card_Texto_Light {
        font-size: 3.5vw;
    }

    /*************** AJUSTE DE ACERCA DE **************/

}

@media screen and (max-width: 586px) {
    /*************** AJUSTE DE INDEX **************/
    .Seccion_UNDO_Texto {
        font-size: 3vw;
    }

    .SeccionProblematicas_Texto {
        font-size: 4vw;
    }
    
    .Problematicas_Text {
        font-size: 3vw;
    }

    .Problematicas_Text_Light {
        font-size: 3vw;
    }

    .Seccion_Facilidades_Texto {
        font-size: 6vw;
    }

    
    /*************** AJUSTE DE SERVICIOS **************/
    .Nuestros_Servicios_Text {
        font-size: 8vw;
    }

    .Nuestros_Servicios_Text_White_Light {
        font-size: 3vw;
    }

    /*************** AJUSTE DE PRODUCTOS **************/
    .ContenedorProductosInicio {
        height: 25rem !important;
    }
    .Nuestros_Productos_Text {
        font-size: 6.5vw;
    }
    .ContenedorProductoListado {
        height: 50rem !important;
    }
    .Productos_Card_Listado {
        font-size: 3.5vw;
    }

    /*************** AJUSTE DE FOOTER **************/
    .Footer_Text {
        font-size: 3.5vw;
    }

    .Footer_Text_Light {
        font-size: 3vw;
    }
}

@media screen and (max-width: 351px) {
    /***************AJUSTE DE INDEX**************/
    .Seccion_UNDO_Texto {
        font-size: 4vw;
    }

    /*************** AJUSTE DE PRODUCTOS **************/
    .ContenedorProductosInicio {
        height: 20rem !important;
    }
    .Prodcutos_Card_Text {
        font-size: 4vw;
    }

    .Prodcutos_Card_Text_Tiny {
        font-size: 3vw;
    }

    .Prodcutos_Description_Card_Tittle_Text {
        font-size: 5vw;
    }

    .Prodcutos_Description_Card_Tittle_Text_Tiny {
        font-size: 3.5vw;
    }

    .Productos_Card_Desc {
        font-size: 3.5vw;
    }

    .Productos_Card_Listado {
        font-size: 4vw;
    }
    .ContenedorProductoListado {
        height: 35rem !important;
    }

    /*************** AJUSTE DE ACERCA DE **************/

    .Acerca_Text {
        font-size: 7vw;
    }

    /*************** AJUSTE DE FOOTER **************/
    .Footer_Text {
        font-size: 4vw;
    }

    .Footer_Text_Light {
        font-size: 3.5vw;
    }

}

