@font-face {
    font-family: Bree;
    src: url(/Assets/fonts/Bree-Regular.otf);
}

@font-face {
    font-family: Bree-bold;
    src: url(/Assets/fonts/Bree-Bold.otf);
}

@font-face {
    font-family: OpenSans-Regular;
    src: url(/Assets/fonts/Open-Sans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: OpenSans-Semi-Bold;
    src: url(/Assets/fonts/Open-Sans/OpenSans-Semibold.ttf);
}

@font-face {
    font-family: OpenSans-Bold;
    src: url(/Assets/fonts/Open-Sans/OpenSans-Bold.ttf);
}

@font-face {
    font-family: AmorSans;
    src: url(/Assets/fonts/Amor-Sans/AmorSansPro.otf);
}


:root {
    --Color-Amarillo-Default: #fbb515;
    --Color-Amarillo-Oscuro: #f8a32a;
    --Color-Rosa-Default: #ce0058;
    --Color-Rosa-Oscuro: #940542;
    --Color-Purpura-Default: #910048;
    --Color-Purpura-Oscuro: #72023a;
    --Color-Gris-Default: #7f7770;
    --Color-Gris-Oscuro: #6b655f;
}

html {
    font-family: bree;
    width: 100%;
    height: 100%;
    max-width: 100%;
    font-weight: normal;
}

body {
    font-family: bree;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    max-width: 100%;
    font-weight: normal;
}

form {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    max-width: 100%;
}


/***START HEADER***/
header .navbar-toggle img {
    max-height: 40px;
    display: inline;
    margin-top: -10px;
}



header .navbar-toggle .bars {
    display: inline-block;
}

header {
    max-width: 100%;
    position: fixed;
    z-index: 9999;
    width: 100%;
}

    header .navbar {
        background-color: var(--Color-Rosa-Default);
        box-shadow: 1px 4px 8px #1c1c1c33;
        border: 0px;
        padding-top: 0;
    }

#Menu-Logo img {
    max-width: 150px;
    padding-left: 5px;
    padding-right: 5px;
}

#Menu-Logo .imgCompartamos {
    padding: 0;
    width: auto;
    max-height: 60px;
    max-width: none;
    margin-left: 0;
}

header .navbar .nav-link {
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: AmorSans !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

    header .navbar .nav-link:hover {
        cursor: pointer;
        color: white;
    }

#btnMenuResponsive {
    text-align: right;
}

    #btnMenuResponsive .justify-content-end {
        width: 100%;
    }

#Menu-Contenido {
    width: 100%;
    display: block;
}

#Menu-Contacto {
    background-color: var(--Color-Purpura-Default);
    border: 0px;
    width: 100%;
    display: block;
    padding: 0;
    text-align: right;
}


    #Menu-Contacto .Menu-Contacto-Subpage {
        margin-top: -27px;
    }

    #Menu-Contacto .Contacto-Link {
        display: inline-block;
        color: white;
        display: inline-block;
        color: white;
        padding: 4px 0px 5px 0px;
    }

        #Menu-Contacto .Contacto-Link:hover {
            text-decoration: none;
            background-color: var(--Color-Purpura-Oscuro);
        }

        #Menu-Contacto .Contacto-Link img {
            max-width: 23px;
            display: inline;
        }

        #Menu-Contacto .Contacto-Link p {
            display: inline;
            color: white;
            font-size: 15px;
            margin: 0;
            padding: 0 25px 0 0;
        }
/***END HEADER***/


footer {
    /*margin-top: 2%;*/
    text-align: center;
}

    footer #Legal {
        padding: 5% 5% 5% 5%;
        background-color: #F2EEEC;        
    }

        footer #Legal a {
            color: var(--Color-Rosa-Default);
            display: block;
            height: 30px;
            font-size: 18px;
            font-family: AmorSans!important;
            font-weight:bold!important;
            margin-top:15px;
        }

    footer .footer {
        background-color: var(--Color-Rosa-Default);
        /*padding: 30px 5% 30px 5%;*/
        color: white;
    }

        footer .footer .color-nav-link {
            color: #fff !important;
        }

    footer .footer p {
        margin-bottom: 0;
    }

    footer .row {
        margin-right: 0;
        margin-left: 0;
    }

    footer .footer img {
        max-width: 100%;
    }

    footer .footer-Comprobante {
        padding: 1% 4% 0 4%;
        display: block;
    }

    footer .footer .footer-Comprobante p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    footer .footer-Comprobante a {
        color: white;
        text-decoration: none;
    }

    footer .footer-Legal {
        font-size: 10px;
        padding-top: 15px;
        margin-bottom: 0;
        padding-top: 0;
        opacity: 0.5;
    }

.logo-footer {
    width: 10%;
}

.footer-seccion-uno {
    background-color: #D30E59 !important;
    padding: 20px 0px 20px 0px;
}

.footer-seccion-dos {
    font-family: OpenSans-Regular;
    font-size: 12px;
    background-color: #910748 !important;
    text-align: center !important;
    width: 100%;
    padding: 40px 0px 40px 0px;
}

.oAlerts .bg-warning {
    background-color: #f6da87 !important;
}

    .oAlerts .bg-warning .lblPrecaucion_text {
        color: #7f6105;
    }

.oAlerts .alert .lblPrecaucion_text {
    font-size: 14px;
}

.oAlerts .bg-danger {
    color: #7e473a;
}

    .oAlerts .bg-danger .lblPrecaucion_text {
        color: #f69c87;
    }

.boton-compra {
    background-color: #F6A127;
    color: white !important;
    text-align: center;
    text-decoration: none;
    border-radius: 60px;
    padding: 8px 10px 8px 10px;
    width: 150px!important;
    margin-top: 0px !important;
    font-size: 14px!important;   
}

.boton-compra-pading {
    padding-top: 15px;
}

.logo-nav {
    width: 156px !important;
    height: auto;
    max-width: none !important;
    margin-top: -25px;
}


/*Icono whatsapp*/

.float-icono-whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;    
    right: 9px;
    top: 135px !important;
    bottom: 80px !important;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
}

.my-float-icono-whatsapp {
    margin-top: 16px!important;
}