h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: 'Raleway', sans-serif;
}

h1 {
    font-weight: 700;
    letter-spacing: 5px;
}

h5 {
    color: #b29247;
    font-weight: 600;
    letter-spacing: 2px;
}

td {
    color: white;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 3px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.seccion-header {
    background: url("../img/fondo-01.jpg");
    background-size: cover;
    background-position: center center;
    min-height: 100vh;
}

.logo {
    max-width: 120px;
}

.logo-home {
    max-width: 350px;
}


/*divs centales*/

.div-logo {
    padding: 15% 0% 0% 30%;
}

.div-origen {
    padding: 5% 0% 10% 0%;
    text-align: center;
    max-width: 450px;
}

.div-origen p {
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 18px;
}

.div-origen-dos h3 {
    color: white;
    font-weight: 600;
    letter-spacing: 3px;
}

.div-origen-tres {
    text-align: center;
}
ul.redesfix{margin:0;padding:0;list-style:none;position:fixed;right:0px;top:45%;z-index:100;}
ul.redesfix li{display:block}
ul.redesfix li a{padding:10px;display:block;text-align:center;margin:0px;border-radius:0px;background-color:#ffffffd1;padding:15px 16px;color:#212529;font-size:20px;line-height:21px}
ul.redesfix li a:hover{opacity:1; color:#a37e22 !important;}
.div-origen-tres h2 {
    color: white;
    font-weight: 500;
    letter-spacing: 4px;
    padding-bottom: 2.5rem;
}




.div-origen-tres h3 {
    color: white;
    font-weight: 700;
    letter-spacing: 4px;
}

.div-origen-tres p {
    color: white;
    letter-spacing: 4px;
    padding-bottom: 3.5rem;
    opacity: 1;
    font-size: 8px;
    text-shadow: 2px 2px 3px #000000
}

.div-mix {
    padding: 10% 0% 5% 0%;
    color: white;
}

.div-mix ul li {
    list-style: none;
}

.div-mix ul {
    padding-left: 0px;
}

.div-mix p {
    margin-bottom: 5px;
}

.div-mix h4 {
    font-weight: 600;
    letter-spacing: 2px;
}

.div-mix2 {
    padding: 0% 0% 5% 0%;
}

.div-mix h4,
.div-mix2 h4 {
    color: white;
    letter-spacing: 2px;
}


/*nav redes*/

.nav-redes {
    /*  margin-left: 12rem;*/
    background-color: transparent !important;
}

.nav-redes .nav-link {
    margin: 0;
}

.redes {
    padding-right: 2rem;
    padding-top: 2rem;
}

.logo-redes {
    max-width: 20px;
    margin-left: 40px
}

.icono:hover {
    transform: scale(1.1);
    transition: all .3s ease-in-out;
}

.redes-flotantes {
    position: fixed;
    right: 5%;
    z-index: 50;
}


/*secciones*/

.seccion-1 {
    background: url("../img/fondo-01.jpg");
    background-size: 100% 100%;
    background-position: center center;
    height: 100vh;
}

.seccion-2 {
    background: url("../img/fondo-origen-1.jpg");
    background-size: 100% 100%;
    background-position: center center;
    height: 100vh;
    padding-top: 10rem;
}

.seccion-3 {
    background: url("../img/fondo-origen-2.jpg");
    background-size: 100% 100%;
    background-position: center center;
    height: 100vh;
}

.seccion-4 {
    background: url("../img/fondo-origen-3.jpg");
    background-size: 100% 100%;
    background-position: center center;
    height: 100vh;
    padding-top: 20rem;
}

.seccion-5 {
    background: url("../img/fondo-origen-4.jpg");
    background-size: 100% 100%;
    background-position: center center;
    height: 100vh;
    padding-top: 12rem;
}

.seccion-6 {
    background: url("../img/fondo_bar.jpg");
    background-size: 100% 100%;
    background-position: center center;
    min-height: 100vh;
    padding-bottom: 3rem;
}

.seccion-7 {
    background: url("../img/FONDO_CONTACTO.jpg");
    background-size: 100% 100%;
    background-position: center center;
    min-height: 100vh;
    padding-top: 10rem;
    padding-bottom: 3rem;
}

.seccion-8 {
    background: url("../img/FONDO_CONTACTO.jpg");
    background-size: 100% 100%;
    background-position: center center;
    min-height: 100vh;
    padding: 8rem;
}

.seccion-9 {
    background: url("../img/fondo_bar.jpg");
    background-size: 100% 100%;
    background-position: center center;
    min-height: 100vh;
    padding-top: 10rem;
}

.seccion-10 {
    background: url("../img/fondo-origen-2.jpg");
    background-size: 100% 100%;
    background-position: center center;

}

.mixologia-mobile {
    padding: 0rem 1rem 5rem 1rem;
}

.nuevo-mobile {
    background-image: url(../img/fondo-mobile2.jpg);
    background-size: cover;
    background-position: 50% 0%;
}
.justify {
    text-align: justify;
}

.texto-slider h5 {
    font-size: 25px;
}

.texto-slider h5 span {
    font-size: 16px;
}

.texto-slider h6 {
    font-size: 22px;
    margin-bottom: 1rem;
}

@media (max-width: 576px) {
    .seccion-1,
    .seccion-2,
    .seccion-3,
    .seccion-4,
    .seccion-5,
    .seccion-6,
    .seccion-7,
    .seccion-8,
    .seccion-9 {
        background-size: cover;
    }
    .div-logo {
        padding: 30% 0% 0% 25%;
    }
    .logo-home {
        max-width: 250px;
    }
    .div-origen p {
        font-size: 14px;
    }
    #origen-desk {
        display: none;
    }
    .seccion-header {
        background: transparent;
        background-size: cover;
        background-position: center center;
        min-height: 100vh;
    }    
    .seccion-3 {
        padding: 3rem 1.5rem 1rem 1.5rem;
        background:transparent;
        height: auto;
    }
    .seccion-4 {
        padding: 4rem 1.5rem 0rem 1.5rem;
        BACKGROUND: #061b3e;
    }
    .seccion-6 {
        padding-top: 5rem;
        background-image: url('../img/fondo_mobile_exp_02.png');
        background-position: center center;
        background-size: 100% 100%;
    }
    .seccion-7 {
        padding: 5rem 1.5rem 3rem 1.5rem;
    }
    .seccion-8 {
        padding-left: 1rem;
        padding-right: 1rem;
        background-image: none;
        background: linear-gradient(180deg, rgba(0, 29, 67) 0%, rgba(5, 37, 76, 1) 100%, rgba(0, 212, 255, 1) 100%);
    }
    .seccion-8 h3 {
        color: white;
        text-transform: uppercase;
        text-align: center;
    }
    .seccion-8 img {
        max-width: 150px;
    }
    .tabla-desk {
        display: none;
    }
    .img-protegemos {
        display: none;
    }
    .a-mobile {
        margin: 0;
    }
    .div-mix {
        padding: 10% 0% 0% 0%;
        text-align: center;
    }
    .logo-mix {
        display: none;
    }
    .div-mix2 {
        text-align: center;
    }
    .mixologia-desk {
        display: none;
    }
    .div-mix p,
    .div-mix li {
        font-size: 14px;
    }
    .div-mix {
        padding: 5% 0% 0% 0%
    }
    .experiencias-1 {
        display: none;
    }
    .productos-desk {
        display: none;
    }
    .seccion-9 {
        background-image: url('../img/fondo_mobile_exp_02.png');
    }
    .limonada {
        max-width: 270px !important;
    }
    .nuevo-desk {
        display: none;
    }
    .img-mix-mobile {
        width: 70%;
        height: 80px;
        object-fit: cover;
        object-position: 20% 10%;
    }
    .div-mix h4,
    .div-mix2 h4 {
        font-size: 13px;
    }
    .texto-slider h5 {
        font-size: 20px;
    }
    .texto-productos {
        display: none;
    }
    .texto-slider h6 {
        font-size: 18px;
    }
    .redes {
        padding-right: 0.5rem;
    }
    .ratio-4x3 {
        --bs-aspect-ratio: 50%;
    }
}

@media (min-width: 576px) {
    .origen-mobile {
        display: none;
    }
    .tabla-mobile {
        display: none;
    }
    .mixologia-mobile {
        display: none;
    }
    .tabla-h2 {
        display: none;
    }
    .productos-mobile {
        display: none;
    }
    .nuevo-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .bg-dark {
        --bs-bg-opacity: 1;
        background-color: #0a3c6ff5 !important;
    }
}

.nav-origen {
    color: #143c6a!important;
}

.nav-origen:active,
.nav-origen:hover,
.nav-origen:focus {
    color: #a37e22!important;
    text-decoration: line-through;
}



.navbar-nav,
.mr-auto {
    flex: 1;
    margin: auto !important;
    display: flex;
    justify-content: space-around;
}

.caja-origen {
    padding: 1rem;
    background: #00000063;

}

.caja-origen p {
    color: white;
    line-height: 18px;
}

.tabla-protegemos,
.tabla-protegemos th {
    border-color: white;
    border-style: solid;
    border-width: 0.5px;
    color: white;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 11px;
    text-align: left;
    background-color: #0c1d2c21;
}


/*  pag PRODUCTOS  estilos y pag carruisel*/

.nav-productos {
    color: #eff2f5!important;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 1rem;
}

.nav-productos:active,
.nav-productos:hover {
    color: #a37e22!important;
    text-decoration: line-through;
}

.juntar1 {
    margin-left: 510%;
    max-width: 30%;
    max-height: 30%;
    transform: rotate(180deg);
    margin-top: 330%;
}

.juntar2 {
    margin-right: 510%;
    max-width: 30%;
    max-height: 30%;
    margin-top: 330%;
}


/*contacto*/

.seccion-7 h4 {
    color: white;
    letter-spacing: 5px;
    text-align: center;
}

#exampleFormControlInput1::placeholder {
    color: white;
    font-size: 14px;
}

#exampleFormControlTextarea1::placeholder {
    color: white;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    padding: 8px;
}


/*experiencias*/

.seccion-9 h4 {
    color: white;
    font-weight: 600;
    letter-spacing: 3px;
}

.seccion-9 p {
    color: white;
    font-size: 12px;
    letter-spacing: 3px;
}

.rotar {
    transform: rotate(-10deg);
}

.nav-link-2:hover{
    color: #a37e22 !important;
    text-decoration: line-through;
}
.active2{
    color: #a37e22!important;
    text-decoration: line-through;
}

nav#navbar2 {
    background: #0a3c6ff5 !important;
}


#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: auto;
    width: 100%;
    text-align:center;
    background-color: #eeeeee;
}
#infobox3 p {
    margin-bottom:0px;
    padding:10px 15px;
    line-height:12px;
    font-size:12px;
    text-align:center;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
}