/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

html {
    scroll-behavior: smooth;
}

body {
    font-family: "sauna-new", sans-serif;
    color: #444444;
    letter-spacing: 0.235px;
    line-height: 1.2;
}

a {
    color: #060E80;
}

a:hover {
    color: #060E80;
    text-decoration: none;
    -webkit-text-fill-color: #060E80;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #060E80;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.back-to-top {
    position: fixed;
    display: none;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
}

.back-to-top i {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #fff;
    color: #9c6;
    transition: all 0.4s;
    font-size: 4rem;
    padding: .65rem .5rem .45rem .5rem;
}

.back-to-top i:hover {
    background: #69A031;
    color: #fff;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    padding: 1.5rem 0;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}

#header .logo h1 {
    font-size: 26px;
    padding: 0;
    margin: -5px 0 0;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    /* border-left: 8px solid #99cc66; */
}

#header .logo h1 a,
#header .logo h1 a:hover {
    color: #545454;
    text-decoration: none;
}

#header .logo img {
    padding: 0;
    margin: 0;
    height: 35px;
}

@media (max-width: 992px) {
    #header {
        height: 45px;
        padding: .5rem 0;
    }
    #header .logo img {
        padding: 0;
        margin: 0;
        height: 25px;
    }
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/


/* Desktop Navigation */

.nav-menu,
.nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu>ul {
    display: flex;
    justify-content: flex-end;
}

.nav-menu>ul>li {
    position: relative;
    width: min-content;
    margin: 0 .75rem;
    align-self: flex-end;
}

.nav-menu a {
    display: block;
    position: relative;
    color: #060E80;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.nav-menu a:active {
    text-decoration: underline !important
}

.nav-menu a.icono {
    width: 30px;
}

.nav-menu a.icono:hover .facebook_logo,
.nav-menu a.icono:hover .instagram_logo {
    stroke-width: 1px;
    stroke: #060E80;
}

.nav-menu a:hover,
.nav-menu .active>a,
.nav-menu .prendido>a,
.nav-menu li:hover>a {
    color: #060E80;
    text-decoration: none;
    -webkit-text-fill-color: #060E80;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #060E80;
}

.nav-menu .drop-down {
    position: static;
}

.nav-menu .drop-down .desplegable {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 15px 0 30px;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: ease all 0.3s;
    background-color: #00A8C6;
}

.nav-menu .drop-down.active>.desplegable {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.nav-menu .drop-down .desplegable li {
    min-width: 180px;
    position: relative;
}

.nav-menu .drop-down .desplegable a {
    padding: 1px 0;
    text-align: left;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: none;
}

.nav-menu .drop-down .desplegable a.h3 {
    font-size: 2rem;
    position: absolute;
    right: 0;
}

.nav-menu .drop-down .desplegable a:hover,
.nav-menu .drop-down .desplegable .active>a,
.nav-menu .drop-down .desplegable li:hover>a {
    color: #99cc66;
}

.nav-menu .drop-down .drop-down .desplegable {
    top: 0;
    left: calc(100% - 30px);
}

.nav-menu .drop-down .desplegable h4 {
    color: #060E85;
    font-weight: bold;
    font-size: 27px;
    margin-bottom: .5rem;
}

.nav-menu .drop-down .desplegable h5 {
    color: #fff;
    font-weight: bold;
}

.nav-menu .drop-down .desplegable h5 span {
    color: #FF0000;
}

.nav-menu .drop-down .desplegable hr {
    margin: 20px 0;
    display: block;
    height: .044rem;
    background: #fff;
}

.nav-menu .drop-down .drop-down:hover>.desplegable {
    opacity: 1;
    top: 0;
    left: 100%;
}

.nav-menu .drop-down .drop-down>a {
    padding-right: 35px;
}

#boton {
    position: relative;
}

#main_nav {
    display: none;
}

@media (max-width: 992px) {
    .nav-menu a i {
        font-size: 26px;
    }
    .nav-menu a.icono {
        width: 25px;
        margin-top: -27px;
    }
    #main_nav {
        position: fixed;
        top: 45px;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding: 1rem 1rem 0 3.5rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #54C8E8;
        transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
        height: calc(100vh - 45px);
        color: #000F9F;
        display: block;
    }
    #main_nav.show {
        visibility: visible;
        transform: translateX(-100%);
    }
    .mobile-nav {
        padding: 2rem 3rem;
    }
    .mobile-nav ul li a {
        font-size: 26px;
        text-transform: uppercase;
        padding: 0;
        line-height: 1.4;
    }
    .mobile-nav ul li a.nivel_cero {
        padding-left: .5rem;
    }
    .mobile-nav ul li a.nivel_cero:not(.collapsed) {
        -webkit-text-fill-color: #060E80;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #060E80;
    }
    .mobile-nav ul li a.nivel_uno:not(.collapsed) {
        color: #E1251B;
    }
    .mobile-nav ul li a.nivel_uno {
        color: #000F9F;
        font-weight: bold;
        font-size: 22px;
        text-transform: inherit;
        padding-left: 1rem;
    }
    .mobile-nav ul li a.nivel_dosb {
        color: #000F9F;
        font-weight: bold;
        font-size: 22px;
        text-transform: inherit;
        padding-left: .5rem;
    }
    .mobile-nav ul li a.nivel_dos {
        color: #fff;
        font-weight: bold;
        font-size: 22px;
        text-transform: inherit;
        padding-left: 2.1rem;
    }
    .mobile-nav ul li a.nivel_tres {
        color: #fff;
        font-size: 20px;
        text-transform: inherit;
        padding-left: 3rem;
    }
    .mobile-nav ul li a.nivel_cero::before,
    .mobile-nav ul li a.nivel_uno::before,
    .mobile-nav ul li a.nivel_dos::before {
        content: "\ea24";
        font-family: 'boxicons' !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        display: inline-block;
        text-transform: none;
        vertical-align: middle;
        transition: all ease-in-out 0.3s;
        transform: rotate(90deg);
    }
    .mobile-nav ul li a.nivel_cero:not(.collapsed)::before,
    .mobile-nav ul li a.nivel_uno:not(.collapsed)::before,
    .mobile-nav ul li a.nivel_dos:not(.collapsed)::before {
        transform: rotate(180deg);
    }
    .mobile-nav ul li a.nivel_cero::before {
        margin-left: -2.2rem
    }
    .mobile-nav ul li a.nivel_uno::before {
        margin-left: -1.2rem
    }
    .mobile-nav ul li a.nivel_dos::before {
        margin-left: -1.2rem
    }
    .mobile-nav ul li a.sin_flecha {
        padding-left: 2.25rem;
    }
    .mobile-nav ul li a.sin_flecha::before {
        display: none;
    }
    .mobile-nav .nav-item.active>.nav-link {
        color: #060E80;
        -webkit-text-fill-color: #060E80;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #060E80;
    }
}


/*--------------------------------------------------------------
# Tipos de productos
--------------------------------------------------------------*/

.banner-producto {
    background-repeat: repeat-x;
    background-size: contain;
    margin: 2.5rem auto;
}

.banner-producto .txt-frase {
    color: #fff;
    font-size: 3.5rem;
    padding: 2rem 0;
    font-style: italic;
    max-width: 80vw;
    margin: auto;
}

.usina_quesos_blandos .banner-producto {
    /*background-image: url(../img/usina_lactea/quesos_blandos/banner_fondo.png);*/
    background-color: #0ca4c3;
}

.usina_quesos_duros .banner-producto {
    /*background-image: url(../img/usina_lactea/quesos_duros/banner_fondo.png);*/
    background-color: #808282;
}

.usina_quesos_semiduros .banner-producto {
    /*background-image: url(../img/usina_lactea/quesos_semiduros/banner_fondo.png);*/
    background-color: #ed2024;
}

.usina_lacteos .banner-producto {
    /*background-image: url(../img/usina_lactea/lacteos/banner_fondo.png);*/
    background-color: #43c7e7;
}

.d70_quesos_duros .banner-producto {
    /*background-image: url(../img/d70/quesos_duros/banner_fondo.png);*/
    background-color: #f7e92f;
}

.d70_quesos_duros .banner-producto .txt-frase {
    color: #512d1d;
}

.dulces .banner-producto {
    /*background-image: url(../img/dulces/banner_fondo.png);*/
    background-color: #da7601;
}


/*
.picadita .banner-producto {
    background-image: url(../img/picadita/banner_fondo.png);
}
*/

#hero.usina_quesos_blandos {
    background-image: url(../img/usina_lactea/quesos_blandos/banner_seccion.jpg);
}

#hero.usina_quesos_duros {
    background-image: url(../img/usina_lactea/quesos_duros/banner_seccion.jpg);
}

#hero.usina_quesos_semiduros {
    background-image: url(../img/usina_lactea/quesos_semiduros/banner_seccion.jpg);
}

#hero.usina_lacteos {
    background-image: url(../img/usina_lactea/lacteos/banner_seccion.jpg);
}

#hero.d70_quesos_duros {
    background-image: url(../img/d70/quesos_duros/banner_seccion.jpg);
}

#hero.dulces {
    background-image: url(../img/dulces/banner_seccion.jpg);
    background-position: center 85%;
}

#hero.empresa {
    background-color: #060e9f;
    margin-bottom: 0;
    align-items: center;
    display: flex;
    height: auto;
    padding: 2rem 0;
}

#hero.empresa .titulo {
    width: auto;
    margin: 0 auto 1rem;
}

#hero.empresa p {
    max-width: 900px;
    width: auto;
    margin: auto;
    font-size: 1.85rem;
}

#hero.empresa .logo-seccion {
    height: 9rem;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    margin-top: -0.5rem;
}

#banner-blog {
    background-color: #9bc0dd;
}

.parallax-window {
    min-height: 70vh;
    background: transparent;
}

.empresa .hero-container {
    margin: auto;
}


/*
.picadita #hero {
    background-image: url(../img/picadita/banner_seccion.jpg);
    background-position: center 85%;
}*/

@media (max-width: 768px) {
    #hero.usina_quesos_blandos {
        background-image: url(../img/usina_lactea/quesos_blandos/banner_seccion_mobile.jpg);
    }
    #hero.usina_quesos_duros {
        background-image: url(../img/usina_lactea/quesos_duros/banner_seccion_mobile.jpg);
    }
    #hero.usina_quesos_semiduros {
        background-image: url(../img/usina_lactea/quesos_semiduros/banner_seccion_mobile.jpg);
    }
    #hero.usina_lacteos {
        background-image: url(../img/usina_lactea/lacteos/banner_seccion_mobile.jpg);
    }
    #hero.d70_quesos_duros {
        background-image: url(../img/d70/quesos_duros/banner_seccion_mobile.jpg);
    }
    #hero.dulces {
        background-image: url(../img/dulces/banner_seccion_mobile.jpg);
    }
    #hero.picadita {
        background-image: url(../img/picadita/banner_seccion_mobile.jpg);
    }
}


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

#hero {
    width: 100%;
    height: 70vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    padding: 0;
    margin-bottom: -30px;
    position: relative;
    z-index: 1;
}

#hero p {
    width: 80%;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    margin: 0 auto 30px auto;
    color: #fff;
}

#hero .logo-seccion {
    position: absolute;
    right: 10%;
    top: 10%;
    z-index: 1;
}

#hero .logo-secundario {
    position: absolute;
    bottom: 35px;
    left: 35%;
    width: max-content;
}

@media (max-width: 575px) {
    #hero {
        margin-bottom: -23px;
    }
    #hero h2 {
        font-size: 34px;
        max-width: 90%;
        margin: auto;
    }
    #hero h2.text-large {
        font-size: 24px
    }
}

h2.title_section_hero {
    width: max-content;
    background-color: red;
    padding: .35rem 3rem;
    border-radius: 4rem;
    color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
    font-size: 2.5rem;
}

h2.title_section_hero a {
    color: #fff
}

h2.title_section_hero a:hover {
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: transparent;
}

@media (max-width: 768px) {
    #hero .logo-secundario {
        left: 10%;
        top: 10%;
    }
    #hero .logo-secundario img {
        max-width: 50%;
    }
    h2.title_section_hero {
        font-size: 1.5rem;
    }
    #hero {
        margin-bottom: -23px;
        height: 30vh;
        max-height: 200px;
    }
    #hero .logo-seccion img {
        max-width: 100px;
    }
    #hero .logo-seccion img.logo_d70_ch {
        height: 50px;
        max-width: inherit !important;
    }
}

@media (min-width: 1024px) {
    #hero p {
        width: 800px;
        font-size: 1.5rem;
    }
}

.banner-blog-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1rem 2rem 1rem 0;
}

.banner-blog-txt h3 {
    font-weight: bold;
    color: #000F9F;
    font-size: 2.5rem;
}

.banner-blog-txt h5 {
    color: #000F9F;
    font-weight: bold;
    font-size: 1.25rem;
}

.banner-blog-txt p {
    font-size: 1.3rem;
    color: #fff;
}

@media (max-width: 768px) {
    .banner-blog-txt {
        margin: 2rem;
    }
}

.rse .btn {
    color: #fff;
    background-color: #000F9F;
    border: 2px solid #000F9F;
    margin: 10px 0 0 0;
    width: max-content;
    font-size: 20px;
    border-radius: 20px;
    padding: 3px 2rem;
    text-transform: uppercase;
}

.rse .btn-outline-secundary {
    color: #4D4D4D;
    border: 2px solid #4D4D4D !important;
    margin: 10px 0 0 0;
    width: max-content;
    font-size: 16px;
    border-radius: 20px;
    padding: 3px 2rem;
    text-transform: uppercase;
}

.rse .maccari .btn-outline-secundary {
    color: #194452;
    border-color: #194452 !important;
}

.rse .maccari .btn-insta {
    background-color: #194452;
    border-color: #194452;
    margin: 10px 0 0 0;
    padding: 5px;
    font-size: 0;
}

.rse .maccari .btn-insta:hover {
    background-color: #fff;
    border-color: #194452;
}

.rse .maccari .btn-insta .instagram_logo {
    fill: #fff;
}

.rse .maccari .btn-insta:hover .instagram_logo {
    fill: #194452;
}

.rse .maccari .btn-insta svg {
    max-height: 20px;
    width: 20px;
}

.rse .btn:hover {
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent;
}

.rse .card {
    border: none;
    height: 100%;
    padding-bottom: 2rem;
}

.rse .card,
.rse .card-img,
.rse .card-img-top {
    border-radius: 0;
}

.rse .card-header {
    background-color: #9BC0DD;
    border: none;
    min-height: 130px;
    padding-top: 1.2rem;
}

.rse .maccari .card-header {
    background-color: #194452;
    padding-top: .5rem;
    border-top: 3px solid #FFEF00;
}

.rse .card-header h3 {
    color: #000F9F;
    font-weight: bold;
    font-size: 1.65rem;
}

.rse .maccari .card-header h3 {
    color: #fff;
}

.rse .card-header h5 {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: .5rem;
}

.rse-nota .banner-blog-txt h5,
.rse-nota .banner-blog-txt p {
    color: #fff;
}

.rse-nota .info h5 {
    color: #000F9F;
    font-weight: bold;
}

.rse-nota .info h3 {
    color: #000F9F;
    font-weight: bold;
}

.rse-nota .info p {
    color: #000F9F
}

.usina_quesos_blandos h2.title_section_hero {
    background-color: #00A4C2;
}

.usina_quesos_duros h2.title_section_hero {
    background-color: #231F20;
}

.usina_quesos_semiduros h2.title_section_hero {
    background-color: #FF0000;
}

.usina_lacteos h2.title_section_hero {
    background-color: #54C8E8;
}

.d70_quesos_duros h2.title_section_hero {
    background-color: #502C1E;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.d70_quesos_duros h2.title_section_hero span {
    color: #FFED00;
    font-size: 15px;
    padding: 10px 10px 0;
}

.dulces h2.title_section_hero {
    background-color: #502C1E;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dulces h2.title_section_hero span {
    color: #FFED00;
    font-size: 15px;
    padding: 10px 10px 0;
}

.dulces h2.title_section_hero .icono {
    display: flex;
}

.dulces h2.title_section_hero .icono svg {
    height: 40px;
}

.dulces h2.title_section_hero .icono .instagram_logo,
.dulces h2.title_section_hero .icono .facebook_logo {
    fill: #fff
}

.picadita h2.title_section_hero {
    background-color: #231F20;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.picadita h2.title_section_hero span {
    color: #FFED00;
    font-size: 15px;
    padding: 10px 10px 0;
}

.picadita h4 {
    font-size: 40px;
    line-height: 35px;
    margin-bottom: 1.5rem;
}

.picadita h3.presentacion {
    font-weight: bold;
    font-size: 40px;
    line-height: 30px;
}

.picadita .texto {
    max-width: 300px;
    margin: 1rem auto 1.5rem;
    font-size: 1.15rem;
    line-height: 1.2rem;
    font-style: italic;
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

.section-bg {
    background-color: white;
}

.section-title {
    text-align: center;
    padding-bottom: 30px;
}

.section-title h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

.section-title h2::after {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: #99cc66;
    bottom: 0;
    left: calc(50% - 25px);
}

.section-title h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    margin-top: -30px
}

.section-title h3::after {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: #99cc66;
    bottom: 0;
    left: calc(50% - 25px);
}

.section-title p {
    margin-bottom: 0;
}

#about {
    min-height: 50vh;
}


/*--------------------------------------------------------------
# Botonera columna
--------------------------------------------------------------*/

#btn_col_marcas ul li a {
    font-size: 26px;
    text-transform: uppercase;
    padding: 0;
    line-height: 1.4;
}

#btn_col_marcas ul li a:hover {
    -webkit-text-fill-color: #000F9F;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: transparent;
    color: #000F9F
}

#btn_col_marcas ul li a.nivel_cero {
    padding-left: .5rem;
}

#btn_col_marcas ul li a.nivel_cero:not(.collapsed) {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: transparent;
    color: #000F9F
}

#btn_col_marcas ul li a.nivel_uno:not(.collapsed) {
    color: #000F9F;
}

.d70_quesos_duros #btn_col_marcas ul li a.nivel_uno:not(.collapsed) {
    color: #502C1E;
}

.dulces #btn_col_marcas ul li a.nivel_uno:not(.collapsed) {
    color: #502C1E;
}

.picadita #btn_col_marcas ul li a.nivel_uno:not(.collapsed) {
    color: #231F20;
}

#btn_col_marcas ul li a.nivel_uno {
    color: #999B9D;
    font-weight: bold;
    font-size: 18px;
    text-transform: inherit;
    border-top: 1px solid #999B9D;
    padding: .25rem 0;
}

#btn_col_marcas .nivel_uno+div {
    border-top: 1px solid #999B9D;
    margin-bottom: .5rem;
}

#btn_col_marcas ul li a.nivel_uno i {
    vertical-align: middle;
}

#btn_col_marcas ul li a.nivel_dos {
    color: #999B9D;
    font-weight: normal;
    font-size: 18px;
    text-transform: inherit;
    padding-left: .5rem;
}

#btn_col_marcas ul li a.nivel_dos:not(.collapsed) {
    color: #00A4C2;
    font-weight: bold;
}

.usina_quesos_blandos #btn_col_marcas ul li a.nivel_dos:not(.collapsed) {
    color: #00A4C2;
}

.usina_quesos_blandos #btn_col_marcas ul li a.nivel_dos:hover {
    color: #00A4C2;
    -webkit-text-fill-color: #00A4C2;
}

.usina_quesos_duros #btn_col_marcas ul li a.nivel_dos:not(.collapsed) {
    color: #231F20;
}

.usina_quesos_duros #btn_col_marcas ul li a.nivel_dos:hover {
    color: #231F20;
    -webkit-text-fill-color: #231F20;
}

.usina_quesos_semiduros #btn_col_marcas ul li a.nivel_dos:not(.collapsed) {
    color: #E1251B;
}

.usina_quesos_semiduros #btn_col_marcas ul li a.nivel_dos:hover {
    color: #E1251B;
    -webkit-text-fill-color: #E1251B;
}

.usina_lacteos #btn_col_marcas ul li a.nivel_dos:not(.collapsed) {
    color: #00A4C2;
}

.usina_lacteos #btn_col_marcas ul li a.nivel_dos:hover {
    color: #00A4C2;
    -webkit-text-fill-color: #00A4C2;
}

.d70_quesos_duros #btn_col_marcas ul li a.nivel_dos:not(.collapsed) {
    color: #502C1E;
}

.d70_quesos_duros #btn_col_marcas ul li a.nivel_dos:hover {
    color: #502C1E;
    -webkit-text-fill-color: #502C1E;
}

.dulces #btn_col_marcas ul li a.nivel_dos:not(.collapsed) {
    color: #502C1E;
}

.dulces #btn_col_marcas ul li a.nivel_dos.active,
.dulces #btn_col_marcas ul li a.nivel_dos:hover {
    color: #da7601;
    -webkit-text-fill-color: #da7601;
}

.picadita #btn_col_marcas ul li a.nivel_dos:not(.collapsed) {
    color: #231F20;
}

.picadita #btn_col_marcas ul li a.nivel_dos:hover {
    color: #231F20;
    -webkit-text-fill-color: #231F20;
}

#btn_col_marcas ul li a.nivel_dos+div {
    border-bottom: 1px dashed#999B9D;
    padding-bottom: .25rem;
    margin-bottom: .75rem;
    margin-left: .25rem;
    padding-left: 1rem;
}

#btn_col_marcas ul li a.nivel_tres {
    color: #999B9D;
    font-size: 16px;
    text-transform: inherit;
}

#btn_col_marcas ul li a.nivel_tres:hover,
#btn_col_marcas ul li a.nivel_tres.active {
    -webkit-text-fill-color: #00A4C2;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: transparent;
    color: #00A4C2;
}

.usina_quesos_blandos #btn_col_marcas ul li a.nivel_tres:hover,
.usina_quesos_blandos #btn_col_marcas ul li a.nivel_tres.active {
    color: #00A4C2;
    -webkit-text-fill-color: #00A4C2;
}

.usina_quesos_duros #btn_col_marcas ul li a.nivel_tres:hover,
.usina_quesos_duros #btn_col_marcas ul li a.nivel_tres.active {
    -webkit-text-fill-color: #231F20;
    color: #231F20;
}

.usina_quesos_semiduros #btn_col_marcas ul li a.nivel_tres:hover,
.usina_quesos_semiduros #btn_col_marcas ul li a.nivel_tres.active {
    -webkit-text-fill-color: #FF0000;
    color: #FF0000;
}

.usina_lacteos #btn_col_marcas ul li a.nivel_tres:hover,
.usina_lacteos #btn_col_marcas ul li a.nivel_tres.active {
    -webkit-text-fill-color: #00A4C2;
    color: #00A4C2;
}

.d70_quesos_duros #btn_col_marcas ul li a.nivel_tres:hover,
.d70_quesos_duros #btn_col_marcas ul li a.nivel_tres.active {
    -webkit-text-fill-color: #502C1E;
    color: #502C1E;
}

.dulces #btn_col_marcas ul li a.nivel_tres.active {
    -webkit-text-fill-color: #502C1E;
    color: #502C1E;
}

.dulces #btn_col_marcas ul li a.nivel_tres:hover {
    -webkit-text-fill-color: #da7601;
    color: #da7601;
}

.picadita #btn_col_marcas ul li a.nivel_tres:hover,
.picadita #btn_col_marcas ul li a.nivel_tres.active {
    -webkit-text-fill-color: #231F20;
    color: #231F20;
}


/*--------------------------------------------------------------
# Featured
--------------------------------------------------------------*/

.featured {
    position: relative;
    z-index: 2;
}

.featured .icon-box {
    padding: 40px 30px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    background: #fff;
    transition: all ease-in-out 0.3s;
    height: 100%
}

.featured .icon-box i {
    color: #99cc66;
    font-size: 42px;
    margin-bottom: 15px;
    display: block;
}

.featured .icon-box h3 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 20px;
}

.featured .icon-box h3 a {
    color: #545454;
    transition: 0.3s;
}

.featured .icon-box p {
    color: #545454;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
}

.featured .icon-box:hover {
    background: #99cc66;
}

.featured .icon-box:hover i,
.featured .icon-box:hover h3 a,
.featured .icon-box:hover p {
    color: #fff;
}


/*--------------------------------------------------------------
# Info
--------------------------------------------------------------*/

.info {
    margin-top: 3.25rem;
}

@media (max-width: 768px) {
    .info {
        margin-top: 2rem;
    }
}

.info p.title {
    font-weight: bold;
    margin-bottom: 0;
    color: #00A4C2;
}

.usina_quesos_blandos .info p.title {
    color: #00A4C2;
}

.usina_quesos_duros .info p.title {
    color: #231F20;
}

.usina_quesos_semiduros .info p.title {
    color: #FF0000;
}

.usina_lacteos .info p.title {
    color: #00A4C2;
}

.d70_quesos_duros .info p.title {
    color: #6D6E70;
}

.dulces .info p.title {
    color: #6D6E70;
}

.info .especificaciones {
    color: red;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: .5rem;
    margin: 2.5rem 0 1rem;
    display: flex;
    align-items: center;
    line-height: 1;
}

.info .texto-especificaciones {
    min-width: 95px;
}

.info svg {
    width: 70px;
    max-height: 60px;
}

.usina_quesos_blandos .info .especificaciones {
    color: #00A4C2;
    border-color: #00A4C2;
}

.usina_quesos_duros .info .especificaciones {
    color: #231F20;
    border-color: #231F20;
}

.usina_quesos_semiduros .info .especificaciones {
    color: #E1251B;
    border-color: #E1251B;
}

.usina_lacteos .info .especificaciones {
    color: #00A4C2;
    border-color: #00A4C2;
}

.d70_quesos_duros .info .especificaciones {
    color: #6D6E70;
    border-color: #6D6E70;
}

.dulces .info .especificaciones {
    color: #6D6E70;
    border-color: #6D6E70;
    margin: 0;
    margin-left: 25px;
}

.info .texto p:last-child {
    margin-bottom: 0;
}

.info .imagen img {
    border: 1px solid #ccc
}

.info .imagen a {
    height: 100%;
    display: block;
    margin: auto;
    font-size: 45px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    color: #6D6E70;
}

.info .imagen a:hover {
    background-color: #cccccc33;
}


/*--------------------------------------------------------------
# Recetario
--------------------------------------------------------------*/

.recetario h4 {
    color: #060E81;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.recetario h4 span {
    color: #00A4C2;
    font-weight: bold;
}

.d70_quesos_duros .recetario h4 {
    color: #502C1E;
}

.d70_quesos_duros .recetario h4 span {
    color: #FFED00;
}

.dulces .recetario h4 {
    color: #502C1E;
}

.dulces .recetario h4 span {
    color: #FFED00;
}

.picadita .recetario h4 {
    color: #000;
}


/*--------------------------------------------------------------
# Relacionados
--------------------------------------------------------------*/

.relacionados h4 {
    color: #060E81;
    margin-bottom: 1.5rem;
    font-style: italic;
}

.relacionados h4 span {
    color: #FF0000;
}

.relacionados h4 a {
    text-decoration: underline;
}

.d70_quesos_duros .relacionados h4 {
    color: #502C1E;
}

.d70_quesos_duros .relacionados h4 span {
    color: #502C1E;
}

.dulces .relacionados h4 {
    color: #502C1E;
}

.dulces .relacionados h4 span {
    color: #502C1E;
}


/*--------------------------------------------------------------
# Inicio
--------------------------------------------------------------*/

main#main.inicio {
    margin-bottom: 3.25rem;
}

.inicio .presentacion {
    color: #ffffff;
    height: inherit;
}

.inicio .cuadricula {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 140%;
}

.inicio .presentacion .foto {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: inherit;
}

.inicio .presentacion.foto {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: inherit;
}

.inicio .presentacion .fondo .contenedor-texto {
    max-width: 600px;
    margin: auto;
    margin-top: 10vh;
}

.inicio .presentacion .fondo {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: inherit;
    display: flex;
}

.inicio .la-planta .presentacion .foto {
    background-image: url(../img/inicio/slide_fotoPlanta.jpg);
}

.inicio .la-planta .presentacion .fondo {
    background-image: url(../img/inicio/la-planta_back.jpg);
}

.inicio .sucursal .presentacion .foto {
    background-image: url(../img/inicio/slide_fotoSucursal.jpg);
    background-position: top left;
}

.inicio .sucursal .presentacion .fondo {
    background-image: url(../img/inicio/sucursal_back.jpg);
}

.inicio .rrhh .presentacion .foto {
    background-image: url(../img/inicio/slide_fotoRRHH.jpg);
}

.inicio .rrhh .presentacion .fondo {
    background-image: url(../img/inicio/rrhh_back.jpg);
}

.inicio .comercializacion .presentacion .foto {
    background-image: url(../img/inicio/slide_fotoComercio.jpg);
}

.inicio .comercializacion .presentacion .fondo {
    background-image: url(../img/inicio/comercializacion_back.jpg);
}

.inicio .historia .presentacion .foto {
    background-image: url(../img/inicio/slide_fotoHistoria.jpg);
}

.inicio .historia .presentacion .fondo {
    background-image: url(../img/inicio/historia_back.jpg);
}

.inicio .franquicias .presentacion .foto {
    /*background-image: url(../img/inicio/slide_fotoLocal.jpg);*/
    background-image: url(../img/inicio/slide_fotoSucursal.jpg);
    background-position: top left;
}

.inicio .franquicias .presentacion .fondo {
    background-image: url(../img/inicio/franquicias_back.jpg);
}

.inicio .productos .presentacion.foto {
    background-image: url(../img/inicio/slide_fotoProductos.jpg);
}

.inicio .marcas .presentacion .foto.f1 {
    background-image: url(../img/inicio/slide_fotoMarcas1.jpg);
}

.inicio .marcas .presentacion .foto.f2 {
    background-image: url(../img/inicio/slide_fotoMarcas2.jpg);
}

.inicio .marcas .presentacion .foto.f3 {
    background-image: url(../img/inicio/slide_fotoMarcas3.jpg);
}

.inicio .marcas .presentacion .foto.f4 {
    background-image: url(../img/inicio/slide_fotoMarcas4.jpg);
}

.inicio .owl-carousel .item.marcas .col-12.titulo {
    height: 50px;
}

.inicio .franquicia1 .presentacion .fondo,
.inicio .franquicia2 .presentacion .fondo,
.inicio .franquicia3 .presentacion .fondo {
    background-image: url(../img/franquicias/fondo_slider.jpg);
}

.inicio .franquicia1 .presentacion .foto {
    background-image: url(../img/franquicias/slider1.jpg);
}

.inicio .franquicia2 .presentacion .foto {
    background-image: url(../img/franquicias/slider2.jpg);
}

.inicio .franquicia3 .presentacion .foto {
    background-image: url(../img/franquicias/slider3.jpg);
}


/*
.inicio .owl-carousel .item.marcas .col-6.foto {
    height: 600px;
}
*/

.inicio .owl-carousel .item .container-fluid {
    height: inherit;
}

.inicio .owl-dots {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.inicio .owl-carousel .owl-nav button.owl-next,
.inicio .owl-carousel .owl-nav button.owl-prev,
.inicio .owl-carousel button.owl-dot {
    outline: none;
}

.inicio .owl-carousel button.owl-dot.active span {
    background-color: #fff;
}

.inicio .owl-dot span {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    display: block;
    border-radius: 25px;
    margin: 5px;
}

.inicio .presentacion h2 {
    font-size: 3.25rem;
}

.inicio .historia .presentacion h2 {
    font-size: 2.5rem;
}

.inicio .productos .presentacion h2 {
    font-size: 3rem;
}

.inicio .presentacion svg {
    width: 250px;
    max-height: none;
}

.inicio svg .st2 {
    stroke: #ffffff;
    fill: #fff;
    stroke-width: 0.5;
}

.inicio .txtAzul svg .st2 {
    stroke: #060E9F;
    fill: #060E9F;
    stroke-width: 0.5;
}

.inicio .presentacion img.ico-logo {
    max-width: 135px;
    margin: auto;
    border-radius: 100%;
}

.inicio .presentacion .ico-productos {
    z-index: 1;
    bottom: 0;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}

.inicio .presentacion img.ico-logo2 {
    max-width: 180px;
    margin: auto;
}

.inicio .presentacion img.ico-suc {
    max-width: 300px;
    margin: auto;
}

.inicio .celeste {
    background-color: #42c7e8;
}

.inicio .celeste_claro {
    background-color: #91c1dc;
}

.inicio .gris_oscuro {
    background-color: #bebec3;
}

.inicio .gris {
    background-color: #d8dae1;
}

.inicio .azul {
    background-color: #060e9f;
}

.inicio .txtBco {
    color: #ffffff !important;
    line-height: 1;
}

.inicio .txtCeleste {
    color: #42c7e8 !important;
}

.inicio .txtAzul {
    color: #060E9F !important;
}

.inicio .txtgris {
    color: #9C9EA0;
}

.home a.botoncito,
.home div.botoncito {
    border: 1px solid #fff;
    border-radius: 25px;
    padding: 8px 30px;
    margin-top: 30px;
    display: inline-block;
    color: #fff;
}

.home a.botoncito:active,
.home a.botoncito:hover {
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #fff;
}

.home a.botoncito.btnAzul {
    border: 1px solid #060E9F;
    color: #060E9F;
}

.home a.botoncito.btnAzul:active,
.home a.botoncito.btnAzul:hover {
    color: #060E9F;
    -webkit-text-fill-color: #060E9F;
    -webkit-text-stroke-color: #060E9F;
}

.home a.botoncito.ico_libro {
    border-left: none;
    border-radius: 0 2.5rem 2.5rem 0;
    position: relative;
    padding-left: 20px;
}

.ico_libro:before {
    content: "";
    background-image: url(../img/inicio/ico_libros.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 3.2rem;
    height: 3.2rem;
    display: block;
    position: absolute;
    left: -2.2rem;
    top: -.7rem;
}

.inicio.nuestras_franquicias a.botoncito {
    border: 1px solid #ff0000;
    border-radius: 25px;
    padding: 10px 15px;
    margin-top: 20px;
    display: inline-block;
    color: #ff0000;
    font-size: 1.5rem;
}

.inicio.nuestras_franquicias a.botoncito:active,
.inicio.nuestras_franquicias a.botoncito:hover {
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #fff;
}

.inicio a.botoncito.btnCeleste {
    border: 1px solid #57C9E8;
    color: #57C9E8;
    background-color: transparent;
}

.inicio a.botoncito.btnCeleste:active,
.inicio a.botoncito.btnCeleste:hover {
    color: #57C9E8;
    -webkit-text-fill-color: #57C9E8;
    -webkit-text-stroke-color: #57C9E8;
}

.inicio a.botoncito.btnCeleste-invertido {
    border: none;
    color: #060E9F;
    background-color: #57C9E8;
    -webkit-text-stroke-width: 1px;
}

.inicio a.botoncito.btnCeleste-invertido:active,
.inicio a.botoncito.btnCeleste-invertido:hover {
    color: #060E9F;
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: #060E9F;
    -webkit-text-stroke-color: #060E9F;
}

.inicio a.botoncito.btnCeleste-invertido i,
.inicio a.botoncito.btnCeleste-invertido:active i,
.inicio a.botoncito.btnCeleste-invertido:hover i {
    -webkit-text-stroke-width: 0px !important;
}

.inicio.info .txtMulticol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    font-size: 1.15rem;
}

#inicio_empresa {
    background-color: #DCDEE4;
}

#inicio_empresa h4 {
    color: #000F9F;
    text-transform: uppercase;
    font-size: 1rem;
}

#inicio_empresa h2 {
    color: #000F9F;
    font-weight: bold;
    font-size: 1.5rem;
}

#inicio_empresa .link-mobile {
    padding: .5rem 1rem;
    border-top: 1px solid #050D9E;
    display: flex;
    align-items: flex-end;
    font-size: 1.35rem;
}

#inicio_empresa .link-mobile:last-child {
    border-bottom: 1px solid #050D9E;
}

#inicio_empresa .link-mobile:hover {
    background-color: #050D9E;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: transparent;
}

#inicio_empresa .link-mobile i {
    padding-right: 1rem;
}

.destacados h2 {
    font-weight: bold;
    font-size: 2.5rem;
}

.destacados h4 {
    font-size: 1.5rem;
}

.destacados p {
    max-width: 600px;
    font-size: 1.2rem;
    margin: auto;
}

.destacados.celeste {
    background-color: #54C8E8;
}

.destacados.azul {
    background-color: #000F9F;
}

.destacados.gris {
    background-color: #DCDEE4;
}

.destacados a.botoncito {
    text-transform: uppercase;
}

.txtRojo {
    color: #FF0000
}

@media screen and (max-width: 1200px) {
    .inicio .presentacion h2,
    .inicio .productos .presentacion h2 {
        font-size: 2.1rem;
    }
    .inicio .historia .presentacion h2 {
        font-size: 1.5rem;
    }
    .inicio .presentacion h4 {
        font-size: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .inicio .owl-carousel .item {
        /*height: 80vh;*/
    }
    .inicio .presentacion .fondo {
        background-size: cover;
    }
    .inicio .presentacion .fondo .contenedor-texto {
        margin-top: 20vh;
    }
    #inicio_empresa h2 {
        font-size: 2.5rem;
    }
    #inicio_empresa h4 {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 768px) {
    .inicio .presentacion .fondo {
        background-size: cover;
    }
    .inicio .owl-carousel .item .col-12 {
        height: 45vh;
        min-height: 400px;
    }
    .inicio .owl-carousel .item .col-12.foto {
        height: 300px;
    }
    .inicio .owl-carousel .item.marcas .col-6.foto {
        height: 325px;
    }
    .inicio .owl-carousel .item.productos .foto {
        height: 700px;
    }
    .inicio .presentacion img.ico-logo {
        max-width: 70px;
    }
    .inicio .owl-dots {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .inicio h2 br {
        display: none;
    }
    .destacados {
        display: none
    }
    .inicio.info .txtMulticol {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        font-size: 1.35rem;
        padding: 0 1rem
    }
}


/*--------------------------------------------------------------
# Empresa
--------------------------------------------------------------*/

html {
    scroll-behavior: smooth;
}

main#main.empresa {
    margin-bottom: 3.25rem;
}

.empresa .info {
    margin-top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.empresa svg {
    width: auto;
    max-height: none;
}

.empresa h2 {
    color: #57c9e8;
    font-weight: 600;
    font-size: 3rem;
}

.empresa .masIconos a,
.home .masIconos a {
    padding-top: 60%;
    background-repeat: no-repeat;
    background-size: 120%;
    background-position: center top;
}

.empresa .masIconos a.ico_industria,
.home .masIconos a.ico_industria {
    background-image: url(../img/svg/ico_la_planta.svg);
}

.empresa .masIconos a.ico_produccion,
.home .masIconos a.ico_produccion {
    background-image: url(../img/svg/ico_la_produccion.svg);
}

.empresa .masIconos a.ico_capital,
.home .masIconos a.ico_capital {
    background-image: url(../img/svg/ico_el_capitalhumano.svg);
}

.empresa .masIconos a.ico_distribucion,
.home .masIconos a.ico_distribucion {
    background-image: url(../img/svg/ico_la_distribucion.svg);
}

.empresa .masIconos a.ico_comercializacion,
.home .masIconos a.ico_comercializacion {
    background-image: url(../img/svg/ico_la_comercializacion.svg);
}

.nuestras_franquicias .masIconos {
    color: #321900;
    font-weight: bold;
    font-size: 1.2rem;
}

.nuestras_franquicias .masIconos .gris-1 {
    background-color: #f0f0f0;
}

.nuestras_franquicias .masIconos .gris-2 {
    background-color: #e6e6e6;
}

.nuestras_franquicias .masIconos .ico {
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: .25rem;
}

.nuestras_franquicias .masIconos small {
    font-size: 1.25rem;
    font-weight: bold;
    display: block;
    line-height: 1rem;
}

.nuestras_franquicias .masIconos .gris-1 .texto-damero,
.nuestras_franquicias .masIconos .gris-2 .texto-damero {
    font-size: 75%;
}

@media (min-width: 768px) {
    .nuestras_franquicias .masIconos small {
        font-size: 1.75rem;
        font-weight: bold;
    }
    .nuestras_franquicias .masIconos .gris-1 .texto-damero,
    .nuestras_franquicias .masIconos .gris-2 .texto-damero {
        font-size: 100%;
    }
}

.nuestras_franquicias .masIconos .ico_negocio {
    background-image: url(../img/svg/icono_negocio.svg);
}

.nuestras_franquicias .masIconos .ico_inversion {
    background-image: url(../img/svg/icono_inversion.svg);
}

.nuestras_franquicias .masIconos .ico_recupero {
    background-image: url(../img/svg/icono_recupero.svg);
}

.empresa .masIconos a span.d-block {
    background: #9edff1;
    border-radius: 25px;
    margin: 0px 20px;
    padding: 5px 0;
    line-height: 1em;
}

.home .masIconos a span.d-block {
    background: #000F9F;
    border: 1px solid #000F9F;
    border-radius: 25px;
    margin: 0px 20px;
    padding: 5px 0;
    line-height: 1em;
    color: #fff
}

.home .masIconos a:hover span.d-block {
    background: #00A4C2;
    border: 1px solid #00A4C2;
    color: #fff;
    text-decoration: none;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: transparent;
}

.empresa svg#linea_divisoria {
    max-width: 550px;
}

.empresa .presentacion {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    color: #ffffff;
    min-height: 75vh;
}

.empresa .la-planta .presentacion {
    background-image: url(../img/empresa/foto-seccion_la_planta.jpg);
}

.empresa .la-produccion .presentacion {
    background-image: url(../img/empresa/foto-seccion_la_produccion.jpg);
    height: 80vh;
    background-position: center top;
}

.empresa .item.la-produccion .presentacion {
    height: inherit;
}

.empresa .rrhh .presentacion {
    background-image: url(../img/empresa/foto-seccion_rrhh.jpg);
}

.empresa .comercializacion .presentacion {
    background-image: url(../img/empresa/foto-seccion_la_comercializacion.jpg);
}

.empresa .la-distribucion .presentacion {
    background-image: url(../img/empresa/foto-seccion_la_distribucion.jpg);
}

.empresa .owl-carousel .item {
    height: 25rem;
}

.empresa .owl-dots {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.empresa .owl-carousel .owl-nav button.owl-next,
.empresa .owl-carousel .owl-nav button.owl-prev,
.empresa .owl-carousel button.owl-dot {
    outline: none;
}

.empresa .owl-carousel button.owl-dot.active span {
    background-color: #fff;
}

.empresa .owl-dot span {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    display: block;
    border-radius: 25px;
    margin: 5px;
}

.empresa .presentacion h2 {
    font-size: 4rem;
}

.empresa .presentacion svg {
    width: 250px;
    max-height: none;
}

.empresa .presentacion svg .st2 {
    stroke: #ffffff;
    fill: #fff;
    stroke-width: 0.5;
}

.empresa .presentacion .txtAzul svg .st2 {
    stroke: #060E9F;
    fill: #060E9F;
    stroke-width: 0.5;
}

.empresa .azul .linea-puntos svg .st0,
.empresa .txtBco .linea-puntos svg .st0 {
    stroke: #ffffff;
    fill: #fff;
}

.empresa a.botoncito {
    border: 1px solid #fff;
    border-radius: 25px;
    padding: 10px 15px;
    margin-top: 20px;
    display: inline-block;
    color: #fff;
    font-size: 1.5rem;
}

.empresa a.botoncito:active,
.empresa a.botoncito:hover {
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #fff;
}

.empresa a.botoncito.btnAzul {
    border: 1px solid #060E9F;
    color: #060E9F;
}

.empresa a.botoncito.btnAzul:active,
.empresa a.botoncito.btnAzul:hover {
    color: #060E9F;
    -webkit-text-fill-color: #060E9F;
    -webkit-text-stroke-color: #060E9F;
}

.empresa a.botoncito.btnCeleste {
    border: 1px solid #57C9E8;
    color: #57C9E8;
    background-color: transparent;
}

.empresa a.botoncito.btnCeleste:active,
.empresa a.botoncito.btnCeleste:hover {
    color: #57C9E8;
    -webkit-text-fill-color: #57C9E8;
    -webkit-text-stroke-color: #57C9E8;
}

.empresa a.botoncito.btnCeleste-invertido {
    border: none;
    color: #060E9F;
    background-color: #57C9E8;
    -webkit-text-stroke-width: 1px;
}

.empresa a.botoncito.btnCeleste-invertido:active,
.empresa a.botoncito.btnCeleste-invertido:hover {
    color: #060E9F;
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: #060E9F;
    -webkit-text-stroke-color: #060E9F;
}

.empresa a.botoncito.btnCeleste-invertido i,
.empresa a.botoncito.btnCeleste-invertido:active i,
.empresa a.botoncito.btnCeleste-invertido:hover i {
    -webkit-text-stroke-width: 0px !important;
    vertical-align: bottom;
}

.empresa .cuadricula .col {
    color: #060e9f;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.1;
}

.empresa .cuadricula .col.foto {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 20rem;
}

.empresa .cuadricula .col.celeste {
    background-color: #42c7e8;
}

.empresa .cuadricula .col.azul {
    background-color: #060e9f;
}

.empresa .info.la-distribucion .cuadricula {
    display: flex;
    grid-template-columns: none;
    grid-template-rows: none;
}

.empresa .info.la-distribucion .cuadricula .mapa {
    grid-row: auto;
}

.empresa .presentacion img.ico-logo {
    max-width: 130px;
    margin-bottom: -20px;
    margin-left: 30px;
}

.empresa .presentacion img.ico-logoMB {
    max-width: 100px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: auto;
    margin-top: 40px;
}

.empresa .la-produccion .presentacion img.ico-logo {
    margin: 10rem -20px 0 auto;
}

.empresa .la-produccion .presentacion img.ico-logoMB {
    margin: 0px 0px 0 auto;
}

.empresa .presentacion .txtMulticol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    font-size: 1.15rem;
}

.empresa .linea-puntos {
    max-width: 250px;
    margin: auto;
}

.empresa .cuadricula .reloj svg {
    width: 60px;
}

.empresa .cuadricula .linea-h4 {
    transform: rotate(180deg);
    text-align: center;
}

.empresa .cuadricula .linea-h4 svg {
    width: auto;
    max-height: none;
    stroke: #060e9f;
    stroke-width: 0.1;
    width: 180px;
}

.empresa .cuadricula .azul .linea-h4 svg {
    stroke: #42c7e8;
}

.empresa .cuadricula .col.flecha:before {
    content: "";
    background: #fff;
    width: 26px;
    height: 26px;
    left: -13px;
    top: 50%;
    margin-top: -13px;
    position: absolute;
    transform: rotate(45deg);
}

.empresa .cuadricula h1 {
    font-size: 4rem;
}

.empresa .cuadricula .cuadro {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.empresa .cuadricula .cuadro2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 10px;
    text-align: left;
}

.empresa .cuadricula .icoFdoRRHH {
    background-image: url(../img/empresa/grafico_rrhh_puente.png);
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 6rem !important;
}

.empresa .cuadricula .icoFdoDist {
    background-image: url(../img/empresa/grafico_dist_puente.png);
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 7.5rem !important;
}

.empresa .cuadricula hr {
    border-top: 2px dotted;
}

.empresa .cuadricula img {
    max-width: 90%;
    margin: auto;
}

.empresa .cuadricula .col.icoSvg svg,
.empresa .cuadricula .col.icoSvg img {
    max-width: 80%;
}

.nuestras_franquicias .cuadricula .col {
    color: #060e9f;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.1;
}

.nuestras_franquicias .cuadricula .col.foto {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 20rem;
}

.nuestras_franquicias .cuadricula .col.marron-claro {
    background-image: url("../img/franquicias/fondo2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.nuestras_franquicias .fondo-marron {
    background-color: #321900;
    margin-top: -6rem;
    padding-top: 8rem !important;
}

.nuestras_franquicias .cuadricula .col.marron-oscuro {
    background-image: url("../img/franquicias/fondo1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.nuestras_franquicias .cuadricula .col.azul {
    background-color: #060e9f;
}

.nuestras_franquicias .cuadricula .gris,
.nuestras_franquicias .gris {
    background-color: #e6e6e6;
}

.nuestras_franquicias .cuadricula .col.marron-gde {
    background-image: url("../img/franquicias/fondo3.jpg");
}

.nuestras_franquicias .info.la-distribucion .cuadricula {
    display: flex;
    grid-template-columns: none;
    grid-template-rows: none;
}

.nuestras_franquicias .info.la-distribucion .cuadricula .mapa {
    grid-row: auto;
}

.nuestras_franquicias .presentacion img.ico-logo {
    max-width: 130px;
    margin-bottom: -20px;
    margin-left: 30px;
}

.nuestras_franquicias .presentacion img.ico-logoMB {
    max-width: 100px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: auto;
    margin-top: 40px;
}

.nuestras_franquicias .la-produccion .presentacion img.ico-logo {
    margin: 10rem -20px 0 auto;
}

.nuestras_franquicias .la-produccion .presentacion img.ico-logoMB {
    margin: 0px 0px 0 auto;
}

.nuestras_franquicias .presentacion .txtMulticol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    font-size: 1.15rem;
}

.nuestras_franquicias .linea-puntos {
    max-width: 250px;
    margin: auto;
}

.nuestras_franquicias .cuadricula .reloj svg {
    width: 60px;
}

.nuestras_franquicias .cuadricula .linea-h4 {
    transform: rotate(180deg);
    text-align: center;
}

.nuestras_franquicias .cuadricula .linea-h4 svg {
    width: auto;
    max-height: none;
    stroke: #ff0000;
    stroke-width: 0.1;
    width: 180px;
}

.nuestras_franquicias .cuadricula .azul .linea-h4 svg {
    stroke: #42c7e8;
}

.nuestras_franquicias .cuadricula .col.flecha:before {
    content: "";
    background: #200c01;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    position: absolute;
    transform: rotate(45deg);
    left: 0;
    right: 0;
    top: -13px;
    margin: auto;
}

.nuestras_franquicias form .btn {
    position: absolute;
    right: 25px;
    bottom: 5px;
    padding: .05rem 1rem;
    border-color: #fff9 !important;
    border-radius: 100px;
}

.nuestras_franquicias form input,
.nuestras_franquicias form textarea {
    background-color: transparent !important;
    border-radius: 0;
    color: #fff !important;
}

.nuestras_franquicias form input::placeholder,
.nuestras_franquicias form textarea::placeholder {
    color: #fff;
}

.mensaje_ok {
    position: absolute;
    font-size: 20px;
    text-align: center;
    margin: .5rem auto 0;
    left: 0;
    right: 0;
    border-radius: 100px;
    max-width: max-content;
    font-weight: normal;
    padding-left: 1rem;
    padding-right: 1rem;
}

.galeria-comentarios {
    max-width: 1024px;
    font-size: 1.3rem;
    margin: auto;
}

.galeria-comentarios .bd-left-30 {
    border-radius: 0 0;
}

.galeria-comentarios .bd-right-30 {
    border-radius: 30px 30px 0 0;
}

@media (min-width: 768px) {
    .galeria-comentarios .bd-left-30 {
        border-radius: 30px 0 0 0;
    }
    .galeria-comentarios .bd-right-30 {
        border-radius: 0 30px 0 0;
    }
    .galeria-comentarios .contenedor-video {
        min-width: 550px;
        width: 40vw;
    }
}

.galeria-comentarios .owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block !important;
    border: 0px solid black;
    font-size: 40px !important;
    color: #42210b !important;
}

.galeria-comentarios .foto {
    min-height: 50vw;
    background-position: center;
    display: flex;
    background-size: cover;
}

@media (min-width: 768px) {
    .galeria-comentarios .foto {
        min-height: auto;
        width: 40vw;
        min-width: 200px;
        background-position: center;
        border-radius: 0 1rem 1rem 0;
        display: flex;
    }
}

.galeria-comentarios .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: -20px;
    display: block !important;
    border: 0px solid black;
    font-size: 40px !important;
    color: #42210b !important;
}

.galeria-comentarios .owl-prev i,
.galeria-comentarios .owl-next i {
    transform: scale(1, 6);
    color: #ccc;
}

@media (min-width: 768px) {
    .nuestras_franquicias .cuadricula .col.flecha:before {
        left: -13px;
        top: 50%;
        margin: initial;
    }
}

.nuestras_franquicias .cuadricula h1 {
    font-size: 4rem;
}

.nuestras_franquicias .cuadricula .cuadro {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.nuestras_franquicias .cuadricula .cuadro2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 10px;
    text-align: left;
}

.nuestras_franquicias.inicio h2 br {
    display: block !important;
}

.nuestras_franquicias .cuadricula .icoFdoRRHH {
    background-image: url(../img/empresa/grafico_rrhh_puente.png);
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 6rem !important;
}

.nuestras_franquicias .cuadricula .icoFdoDist {
    background-image: url(../img/empresa/grafico_dist_puente.png);
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 7.5rem !important;
}

.nuestras_franquicias .cuadricula hr {
    border-top: 2px dotted;
}

.nuestras_franquicias .cuadricula img {
    max-width: 90%;
    margin: auto;
}

.nuestras_franquicias .cuadricula .col.icoSvg svg,
.nuestras_franquicias .cuadricula .col.icoSvg img {
    max-width: 80%;
}

.comentarios img {
    width: auto !important;
}

.empresa .txtBco,
.txtBco {
    color: #ffffff !important;
    line-height: 1;
}

.txtMarron-claro {
    color: #9b7c52
}

.txtMarron-oscuro {
    color: #321900
}

.empresa .txtCeleste {
    color: #42c7e8 !important;
}

.empresa .txtMarron {
    color: #512C1D !important;
}

.empresa .txtAzul,
.txtAzul {
    color: #060E9F !important;
}

.empresa .cuadricula .reloj h3 {
    font-size: 3rem
}

.empresa .small {
    font-size: 1rem;
}


/*
.empresa a.nav-link.collapsed {
    color: #0b10a0;
    background-color: #fff;
    -webkit-text-fill-color: #0b10a0;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #0b10a0;
}
*/

.empresa a.nav-link.collapsed:hover,
.empresa a.nav-link,
.empresa a.nav-link:visited {
    padding: .5rem 1rem;
    border-top: 1px solid #050D9E;
    display: flex;
    align-items: flex-end;
    font-size: 1.35rem;
    background-color: #DCDEE4;
    text-transform: uppercase;
}

.empresa .nav-item:last-child a.nav-link {
    border-bottom: 1px solid #050D9E;
}

.empresa .nav-link i.bx.bxs-chevron-right {
    transform: rotate(90deg);
}

.empresa .nav-link.collapsed i.bx.bxs-chevron-right {
    transform: rotate(0);
}

@media (min-width: 990px) {
    .empresa .info.la-distribucion .cuadricula {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
    }
    .empresa .info.la-distribucion .cuadricula .mapa {
        grid-row: span 2;
    }
}

@media (min-width: 768px) {
    #hero.empresa .titulo h1 {
        padding-left: 11rem !important;
        font-size: 3.5rem;
        margin-bottom: 2.25rem;
    }
}

@media screen and (max-width: 1200px) {
    .empresa .masIconos a span.d-block {
        margin: 0px 5px;
    }
}

@media screen and (max-width: 768px) {
    #hero.empresa h1 {
        font-size: 2rem;
    }
    .empresa .cuadricula h1 {
        font-size: 3.2rem;
    }
    .empresa .titulo h1 br,
    .empresa .presentacion h2 br {
        display: none;
    }
    .empresa .presentacion,
    .empresa .la-produccion .presentacion {
        min-height: 25rem;
    }
    .empresa .presentacion h2 {
        font-size: 1.95rem;
    }
    .empresa .presentacion h4 {
        font-size: 1.3rem;
    }
    .empresa .presentacion img.ico-logoMB {
        margin-top: 35px;
    }
    #hero.empresa {
        max-height: none;
    }
    #hero.empresa .titulo {
        max-width: none;
    }
    #hero.empresa .logo-seccion {
        margin-top: 0rem;
        margin-bottom: 1rem;
        position: relative;
    }
    .empresa .la-planta .presentacion {
        background-image: url(../img/empresa/foto-seccion_la_plantaMB.jpg);
        background-position: center bottom;
    }
    .empresa .presentacion svg {
        width: 160px;
    }
    .empresa .la-distribucion .presentacion {
        background-image: url(../img/empresa/foto-seccion_la_distribucionMB.jpg);
    }
    .empresa .rrhh .presentacion {
        background-image: url(../img/empresa/foto-seccion_rrhhMB.jpg);
    }
    .empresa .comercializacion .presentacion {
        background-image: url(../img/empresa/foto-seccion_la_comercializacionMB.jpg);
    }
    .empresa .franquicias .presentacion {
        background-image: url(../img/empresa/foto-seccion_franquiciaMB.jpg);
    }
    .empresa .cuadricula .icoFdoRRHH {
        padding-bottom: 8rem !important;
    }
    .empresa .cuadricula .col.foto {
        min-height: 25rem;
    }
}

@media (min-width: 1366px) {
    .container-xxl {
        max-width: 1366px;
        margin: auto;
    }
}


/*--------------------------------------------------------------
# Historia
--------------------------------------------------------------*/

.historia #featured {
    background-color: #54c8e8;
}

.historia #featured h2 {
    color: #000f9f;
    font-weight: bold;
    font-size: 1.5rem;
    margin: auto;
    background-image: url("../img/historia/header_back.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 2rem 0;
}

.historia #featured h2 span {
    display: block;
    margin: 0 auto .5rem;
}

.historia #featured p {
    color: #000f9f;
    max-width: 750px;
    margin: 0 auto;
    font-size: 1.2rem;
}

.historia .owl-carousel .item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.historia .owl-dots {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.historia .owl-carousel .owl-nav button.owl-next,
.historia .owl-carousel .owl-nav button.owl-prev,
.historia .owl-carousel button.owl-dot {
    outline: none;
}

.historia .owl-carousel button.owl-dot.active span {
    background-color: #fff;
}

.historia .owl-dot span {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    display: block;
    border-radius: 25px;
    margin: 5px;
}

.historia .owl-carousel h2 {
    font-size: 2.25rem;
}

.historia .owl-carousel h4 {
    font-size: 1.15rem;
    max-width: 500px;
    margin: auto;
}

.historia .owl-carousel h4.txtDescripcion {
    font-size: 1.3rem;
}

.historia .txtBco {
    color: #ffffff !important;
    line-height: 1;
}

.historia .txtCeleste {
    color: #42c7e8 !important;
}

.historia .txtAzul {
    color: #060E9F !important;
}

.historia .presentacion img.ico-logo {
    max-width: 100px;
    margin: auto;
    border-radius: 100%;
}

.historia a.botoncito {
    border: 1px solid #fff;
    border-radius: 25px;
    padding: 5px 10px;
    margin-top: 20px;
    display: inline-block;
    color: #fff;
}

.historia a.botoncito:active,
.historia a.botoncito:hover {
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #fff;
}

.historia a.botoncito.btnNegro {
    border: 1px solid #000;
    color: #000;
}

.historia a.botoncito.btnNegro:active,
.historia a.botoncito.btnNegro:hover {
    color: #000;
    -webkit-text-fill-color: #000;
    -webkit-text-stroke-color: #000;
}

.historia a.botoncito.btnAzul {
    border: 1px solid #060E9F;
    color: #060E9F;
}

.historia a.botoncito.btnAzul:active,
.historia a.botoncito.btnAzul:hover {
    color: #060E9F;
    -webkit-text-fill-color: #060E9F;
    -webkit-text-stroke-color: #060E9F;
}

.historia a.botoncito.ico_libro {
    border-left: none;
    border-radius: 0 2.5rem 2.5rem 0;
    position: relative;
    padding-left: 20px;
}

.ico_libro.btnAzul:before {
    content: "";
    background-image: url(../img/historia/ico_libros_azul.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 3.2rem;
    height: 3.2rem;
    display: block;
    position: absolute;
    left: -2.25rem;
    top: -.9rem;
}

.ico_libro.btnNegro:before {
    content: "";
    background-image: url(../img/historia/ico_libros_negro.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 3.2rem;
    height: 3.2rem;
    display: block;
    position: absolute;
    left: -2.25rem;
    top: -.9rem;
}

.ico_libro.btnBlanco:before {
    content: "";
    background-image: url(../img/historia/ico_libros_blanco.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 3.2rem;
    height: 3.2rem;
    display: block;
    position: absolute;
    left: -2.25rem;
    top: -.9rem;
}

.inicio .ico_libro.btnBlanco:before {
    content: "";
    background-image: url(../img/historia/ico_libros_blanco.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 4.4rem;
    height: 4.4rem;
    display: block;
    position: absolute;
    left: -3.1rem;
    top: -1.1rem;
}

.historia a.botoncito.btnCeleste {
    border: 1px solid #57C9E8;
    color: #57C9E8;
    background-color: transparent;
}

.historia a.botoncito.btnCeleste:active,
.historia a.botoncito.btnCeleste:hover {
    color: #57C9E8;
    -webkit-text-fill-color: #57C9E8;
    -webkit-text-stroke-color: #57C9E8;
}

.historia a.botoncito.btnCeleste-invertido {
    border: none;
    color: #060E9F;
    background-color: #57C9E8;
    -webkit-text-stroke-width: 1px;
}

.historia a.botoncito.btnCeleste-invertido:active,
.historia a.botoncito.btnCeleste-invertido:hover {
    color: #060E9F;
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: #060E9F;
    -webkit-text-stroke-color: #060E9F;
}

.historia a.botoncito.btnCeleste-invertido i,
.historia a.botoncito.btnCeleste-invertido:active i,
.historia a.botoncito.btnCeleste-invertido:hover i {
    -webkit-text-stroke-width: 0px !important;
}

.historia .owl-carousel .item {
    height: 80vh;
}

.historia .item .container-fluid,
.historia .item .presentacion {
    height: 100%;
}

.historia .slide1 {
    background-image: url('../img/historia/slider1_gde.jpg');
}

.historia .slide2 {
    background-image: url('../img/historia/slider2_gde.jpg');
    color: #000;
}

.historia .item svg {
    max-width: 200px;
}

.historia .slide3 {
    background-image: url('../img/historia/slider3_gde.jpg');
}

.historia .slide4 {
    background-image: url('../img/historia/slider4_gde.jpg');
}

.historia #accordion_historia .info {
    margin-top: 0;
}

.historia #accordion_historia h3 {
    color: #000f9f;
    font-weight: bold;
    font-size: 2rem;
}

.historia #accordion_historia .linea_tiempo {
    position: relative;
    min-height: 100%;
    align-items: center;
}

.historia #accordion_historia .linea_tiempo img {
    position: relative;
    z-index: 111;
    height: max-content;
}

.historia #accordion_historia .linea_tiempo::after {
    width: 2px;
    content: "";
    background: #000f9f;
    height: calc(100% + 2.1rem);
    position: absolute;
    right: 16px;
    z-index: 1;
}

.historia #accordion_historia #col_btn_uno .linea_tiempo::after {
    margin-top: 188px
}

.historia #accordion_historia #col_btn_once .linea_tiempo::after {
    height: calc(100% + 16.1rem);
}

.historia #accordion_historia p {
    color: #000f9f;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .historia .owl-dots {
        left: 0;
        right: 0;
        margin: auto;
    }
    .historia .item svg {
        max-width: 150px;
    }
    .historia .owl-carousel .item {
        height: 700px;
    }
    .inicio .owl-carousel .item {
        max-height: 700px;
    }
    .historia .slide1 {
        background-image: url('../img/historia/slider1_mobile.jpg');
    }
    .historia .slide2 {
        background-image: url('../img/historia/slider2_mobile.jpg');
    }
    .historia .slide3 {
        background-image: url('../img/historia/slider3_mobile.jpg');
    }
    .historia .slide4 {
        background-image: url('../img/historia/slider4_mobile.jpg');
    }
    .historia .slide1 .foto {
        height: 40%;
    }
    .historia .foto {
        height: 50%;
    }
    .historia .slide3 .foto,
    .historia .slide4 .foto {
        height: 40%;
    }
    .historia .presentacion img.ico-logo {
        height: 60px;
        max-width: none;
        width: auto;
    }
    .historia .owl-carousel h2 {
        font-size: 1.35rem;
    }
    .historia .owl-carousel h4 {
        font-size: 1rem;
    }
    .historia .owl-carousel h4.txtDescripcion {
        font-size: 1.1rem;
    }
    #accordion_historia .nav-link {
        border-bottom: 1px solid #000f9f;
        padding-bottom: 0;
        text-align: center;
        padding-right: 1.5rem;
    }
    #accordion_historia .nav-link img {
        max-width: 70%;
    }
    .historia #accordion_historia .info {
        padding: 2rem 0;
        border-bottom: 1px solid #000f9f;
    }
    .historia #accordion_historia #col_btn_once {
        margin-bottom: 2rem;
    }
    #accordion_historia .nav-link:not(.collapsed)::after {
        transform: rotate(180deg);
    }
    #accordion_historia .nav-link::after {
        content: "\ea17";
        font-family: 'boxicons' !important;
        display: inline;
        font-size: 30px;
        right: 20px;
        color: #000f9f;
        position: absolute;
        margin: auto;
        transition: all .15s ease-in-out;
    }
}

@media (min-width: 768px) {
    .historia #featured h2 {
        font-size: 3.5rem;
        margin-bottom: 2rem;
    }
    .historia #featured h2 span {
        max-width: 700px;
        margin: 1rem auto 0;
    }
    .historia #accordion_historia {
        padding-top: 2rem;
    }
    .historia #accordion_historia #col_btn_once .presentacion div {
        padding-bottom: 4rem;
    }
    .historia #accordion_historia .info {
        margin-top: 0;
        margin-bottom: 2rem;
    }
}


/*--------------------------------------------------------------
# Novedades
--------------------------------------------------------------*/

.novedad {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
}

.novedad p:last-child {
    margin-bottom: 0;
}

.novedad .fecha {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 90%;
}

.novedad-img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .novedad-img {
        padding-left: 0;
        margin-bottom: 0;
    }
    .novedad .txtAzul {
        padding-right: 0;
    }
}

.novedad-img img {
    /*position: absolute;
    max-height: 100%;
    margin: auto;*/
    margin: auto;
    width: 100%;
}


/*--------------------------------------------------------------
# Locales
--------------------------------------------------------------*/

.locales h2 {
    color: #54c8e8;
    font-size: 2.8rem;
    font-weight: bold;
}

.locales h3 {
    color: #000f9f;
    font-size: 2.4rem;
}

.locales h4 {
    color: #42c7e8;
    font-size: 2.1rem;
}

.locales h4 span {
    color: #9C9EA0;
}

.locales p {
    color: #9C9EA0;
    font-size: 1.2rem;
}

.locales a {
    color: #9C9EA0;
    font-weight: bold;
}

@media (max-width: 768px) {
    .locales p {
        max-width: 300px;
        margin: auto;
    }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer.footer {
    background-color: #05124F;
}

footer .logo_svg {
    fill: #fff
}

footer .footer-logo {
    max-width: 80%;
    text-align: center;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 2rem;
}

footer.footer .ancho-maximo {
    padding: 30px 70px;
}

footer.footer h5 {
    color: #fff;
    margin: 5px 0 0px;
    font-weight: bold;
}

footer.footer p {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    padding: 0;
    margin: 0;
}

footer.footer p.h5 {
    font-size: 20px;
}

footer.footer p a {
    color: #fff;
}

footer.footer p a:hover {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: transparent;
    text-decoration: underline;
}

footer .icono_footer {
    width: 35px;
    display: inline-block;
}

footer .icono_footer .instagram_logo,
footer .icono_footer .facebook_logo {
    stroke: #fff;
    fill: #fff;
}

footer .icono_footer:hover .instagram_logo,
footer .icono_footer:hover .facebook_logo {
    stroke: #000F9F;
    fill: #000F9F;
}

footer.footer h3 {
    color: #fff;
}

footer.footer h4 {
    color: #FFF;
    font-weight: 600;
    font-size: 32px;
    margin: 0;
}

footer .linea-h4 {
    max-width: 80%;
    margin: auto auto 1rem;
}

footer .linea-h4 .linea_footer {
    stroke: #071F99;
}

footer.footer a.btn {
    color: #FFF;
    border: 2px solid #FFF;
    margin: 10px 0 0 0;
    width: 97%;
    font-size: 18px;
    border-radius: 20px;
    padding: .075rem .75rem;
}

footer.footer a.btn:hover {
    background-color: #000F9F;
    text-decoration: none;
}

footer.footer a.btn span {
    font-weight: 600;
}

footer.footer .clear {
    margin-bottom: 10px;
}

footer.footer .content-logo {
    padding: 10px 0;
    margin-top: -30px;
    background-color: #57C8E7;
    margin-bottom: 30px;
    text-align: center;
    margin-left: -30px;
    margin-right: -30px;
}

footer.footer .content-logo svg {
    max-width: 250px;
}

footer .ancho-maximo {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.usina-lactea h5 {
    font-size: 1.5rem;
}

.usina-lactea a {
    color: #fff;
}

.usina-lactea a:hover {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: transparent;
    text-decoration: underline;
}

.footer-final {
    background-color: #050D9E;
    padding: 15px 10px;
    border-top: 2px solid #fff;
}

.footer-final nav a {
    color: #FFF;
    padding: 0px 15px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
}

.footer-final nav a:hover {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: transparent;
}

.footer-final nav a:hover::before {
    background-image: url(../img/svg/linea_btn.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    display: inline-block;
    content: "";
    width: 60px;
    height: 8px;
    position: absolute;
    bottom: -5px;
    margin: auto;
    left: 0;
    right: 0;
}

.footer-final .ancho-maximo {
    max-width: 1320px;
}

.footer-final .pcd {
    color: #FFF;
}

.footer-final .pcd a {
    color: #FFF;
}

.footer-final .pcd a span {
    text-decoration: underline;
}

.footer-final a:hover {
    text-decoration: none;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: transparent;
}

.view-mobile {
    display: none !important;
}

.hidden-mobile {
    display: block;
}

@media (max-width: 1200px) {
    footer.footer .ancho-maximo {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .view-mobile {
        display: block !important;
        max-width: 400px;
        margin: auto;
    }
    .hidden-mobile {
        display: none !important;
    }
    footer .linea-h4 .linea_footer {
        stroke: #fff;
    }
    footer.footer p {
        padding: 0 30px;
    }
    footer .linea-h4 {
        max-width: 200px;
    }
    footer.footer a.btn {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}

.contacto .h5 {
    line-height: 1.2;
}

.contacto label {
    font-size: 1.2rem;
    margin-bottom: 0;
    margin-top: .8rem;
    padding-left: 5px;
}

.contacto .alert-danger {
    color: #721c24;
    background-color: transparent;
    border-color: transparent;
    padding: 0 5px;
    font-size: 1.1rem;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .empresa .masIconos .container-xxl {
        margin-bottom: -180px;
    }
    #accordion_empresa {
        margin-top: 190px;
    }
}

.drop-precios.dropdown-menu.show a {
    text-align: left;
    padding: .2rem .5rem;
    text-transform: inherit;
}

.drop-precios.dropdown-menu.show {
    padding: .5rem 0;
    margin: .2rem 0;
}

.galeria-slider.owl-carousel .owl-item img {
    height: 100%;
    width: auto;
}

.galeria-slider.owl-carousel .item {
    overflow: hidden;
    height: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p-picadas {
    padding-top: 100px
}

@media (max-width: 992px) {
    .p-picadas {
        padding-top: 65px
    }
}

.captcha>div {
    display: flex;
    align-items: center;
    justify-content: center;
}