/* G E N E R A L E S 
-----------------------------------------------*/
body {
    color: #314052;
}

a {
    color: inherit;
    text-decoration: none;
}

.polymath-display {
    font-family: "polymath-display", sans-serif;
}

.polymath {
    font-family: "polymath", sans-serif;
    font-weight: 40;
}

.capitana {
    font-family: "capitana", sans-serif;
}

.zindex-5 {
    z-index: 5;
}

.floating {
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    -webkit-animation: float 6s ease-in-out infinite;
    box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.125) !important;
}


/* Font */
.hst_highlight {
    font-size: 120px;
}

.hst_highlight_md {
    font-size: 70px;
}

.hst_highlight_sm {
    font-size: 50px;
}

.hst_h1 {
    font-size: 60px;
}

.hst_h2 {
    font-size: 45px;
}

.hst_h3 {
    font-size: 30px;
}

.hst_h4 {
    font-size: 20px;
}

.hst_p1 {
    font-size: 25px;
}

.hst_p2 {
    font-size: 20px;
}

.hst_p3 {
    font-size: 18px;
}

.hst_p4 {
    font-size: 15px;
}

.hst_p5 {
    font-size: 13px;
}

/* Weight */
.regular {
    font-weight: 400;
}

.extralight {
    font-weight: 200;
}

.medium {
    font-weight: 500;
}

.semibold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

.black {
    font-weight: 900;
}

/* Lettering */
.letter-lg {
    letter-spacing: 3px;
}

.letter-sm {
    letter-spacing: 1px;
}

/* Color */
.white {
    color: white;
}

.azul {
    color: #314052;
}

.cafe {
    color: #A9907E;
}

.crema1 {
    color: #F8EAD8;
}

.crema2 {
    color: #F6F0F0;
}

.crema3 {
    color: #FFF9F4;
}

/* Spacing */
.mb_1 {
    margin-bottom: 1rem;
}

.mb_2 {
    margin-bottom: 2rem;
}

.mb_3 {
    margin-bottom: 3rem;
}

.mb_4 {
    margin-bottom: 4rem;
}

.mb_5 {
    margin-bottom: 5rem;
}

.mb_6 {
    margin-bottom: 6rem;
}

.mb_7 {
    margin-bottom: 7rem;
}

.mb_8 {
    margin-bottom: 8rem;
}

.mb_9 {
    margin-bottom: 9rem;
}

.mb_10 {
    margin-bottom: 10rem;
}

.mt_1 {
    margin-top: 1rem;
}

.mt_2 {
    margin-top: 2rem;
}

.mt_3 {
    margin-top: 3rem;
}

.mt_4 {
    margin-top: 4rem;
}

.mt_5 {
    margin-top: 5rem;
}

.mt_6 {
    margin-top: 6rem;
}

.mt_7 {
    margin-top: 7rem;
}

.mt_8 {
    margin-top: 8rem;
}

.mt_9 {
    margin-top: 9rem;
}

.mt_10 {
    margin-top: 10rem;
}

.pb_1 {
    padding-bottom: 1rem;
}

.pb_2 {
    padding-bottom: 2rem;
}

.pb_3 {
    padding-bottom: 3rem;
}

.pb_4 {
    padding-bottom: 4rem;
}

.pb_5 {
    padding-bottom: 5rem;
}

.pb_6 {
    padding-bottom: 6rem;
}

.pb_7 {
    padding-bottom: 7rem;
}

.pb_8 {
    padding-bottom: 8rem;
}

.pb_9 {
    padding-bottom: 9rem;
}

.pb_10 {
    padding-bottom: 10rem;
}

.pt_1 {
    padding-top: 1rem;
}

.pt_2 {
    padding-top: 2rem;
}

.pt_3 {
    padding-top: 3rem;
}

.pt_4 {
    padding-top: 4rem;
}

.pt_5 {
    padding-top: 5rem;
}

.pt_6 {
    padding-top: 6rem;
}

.pt_7 {
    padding-top: 7rem;
}

.pt_8 {
    padding-top: 8rem;
}

.pt_9 {
    padding-top: 9rem;
}

.pt_10 {
    padding-top: 10rem;
}

.px_1 {
    padding-right: 1rem;
    padding-left: 1rem;
}

.px_2 {
    padding-right: 2rem;
    padding-left: 2rem;
}

.px_3 {
    padding-right: 3rem;
    padding-left: 3rem;
}

.px_4 {
    padding-right: 4rem;
    padding-left: 4rem;
}

.px_5 {
    padding-right: 5rem;
    padding-left: 5rem;
}

.px_6 {
    padding-right: 6rem;
    padding-left: 6rem;
}

.px_7 {
    padding-right: 7rem;
    padding-left: 7rem;
}

.py_1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py_2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py_3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py_4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.py_5 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.py_6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py_7 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.gap_1 {
    gap: 1rem;
}

.gap_2 {
    gap: 2rem;
}

.gap_3 {
    gap: 3rem;
}

.gap_4 {
    gap: 4rem;
}

.gap_5 {
    gap: 5rem;
}

/* Button */
.btn-primary {
    border: none;
    color: white;
    padding: 10px 30px;
    border-radius: 100px;
    background-color: #314052;
}

.btn-primary:hover {
    color: #A9907E;
    padding: 10px 30px;
    border-radius: 100px;
    border: 2px solid #A9907E;
    background-color: #F8EAD8;
}


/* N A V B A R  
-----------------------------------------------*/
.dropdown-menu {
    border-radius: 1px;
    border: 1px solid #F6F0F0;
    --bs-dropdown-link-hover-bg: #F8EAD8;
    --bs-dropdown-link-active-bg: #F8EAD8;
    --bs-dropdown-link-active-color: #314052;
}

.logo {
    width: 6rem;
}

.nav-link-color {
    color: white;
}

.nav-link-color:hover {
    color: white !important;
    text-decoration: underline;
}

.align-center-left {
    align-items: center;
}


/* H O M E  
-----------------------------------------------*/
.logoSlide {
    width: 15rem;
    margin: 0 auto 3rem;
}

.carousel-caption {
    right: 0;
    left: 3rem;
    bottom: 50px;
    /* bottom: 10rem; */
    color: #314052;
}

.arrowDown {
    width: 80px;
    height: 80px;
    margin: auto;
    display: flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid #314052;
    transform: translatey(0px);
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
}

#sliderLg {
    display: flex !important;
}

#sliderSm {
    display: none !important;
}

#sliderMd {
    display: none !important;
}

.img-salsas {
    width: 65px;
    height: 65px;
    object-fit: cover;
}

.w-tamanos {
    width: 50vw;
}


/* Float Arrow */
@-webkit-keyframes float {
    0% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.07);
      transform: translatey(0px);
    }
    50% {
      box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.07);
      transform: translatey(-20px);
    }
    100% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.07);
      transform: translatey(0px);
    }
}
  
@keyframes float {
    0% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.07);
      transform: translatey(0px);
    }
    50% {
      box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.07);
      transform: translatey(-20px);
    }
    100% {
      box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.07);
      transform: translatey(0px);
    }
}
/* End Float Arrow */

.bg-leyenda {
    background-color: #A9907E;
}

/* Swipper Menu */
.slide-container {
    width: 100%;
    padding: 40px 0;
}
  
.slide-content {
    overflow: hidden;
}
  
.card-menu {
    border-radius: 0;
    background-color: #FFF;
    border-right: 1px solid #D9D9D9;
}

.card-bg1 {
    width: 100%;
    height: 520px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/home/tradicionales.png);
}

.card-bg2 {
    width: 100%;
    height: 520px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/home/tocino.png);
} 

.card-bg3 {
    width: 100%;
    height: 520px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/home/pechuga.png);
} 

.card-bg4 {
    width: 100%;
    height: 520px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/home/quesos.png);
} 

.card-bg5 {
    width: 100%;
    height: 520px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/home/chistorra.png);
} 

.card-bg6 {
    width: 100%;
    height: 520px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/home/tasajo.png);
} 

.card-bg7 {
    width: 100%;
    height: 520px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/home/cochinita.png);
} 

.card-bg8 {
    width: 100%;
    height: 520px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/home/riccota.png);
} 

.card-bg9 {
    width: 100%;
    height: 520px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/home/abuela.png);
} 

.card-bg10 {
    width: 100%;
    height: 520px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(./../images/home/dulce.png);
} 
  
.name {
    font-size: 30px;
    color: #314052;
    font-weight: 600;
    text-align: center;
    letter-spacing: 2px;
    font-family: "polymath-display", sans-serif;
}
  
.description {
    font-size: 20px;
    color: #314052;
    font-weight: 300;
    text-align: center;
    font-family: "capitana", sans-serif;
}

.etiqueta-menu {
    font-size: 25px;
    color: #a9907e55;
    font-weight: 400;
    text-align: center;
    font-family: "Borel";
}

.hr-menu {
    width: 9vw;
    margin: 0rem auto;
    border: none;
    opacity: 100%;
    border-bottom: 3px dashed #314052;
}
  
.swiper-navBtn {
    color: #A9907E;
    transition: color 0.3s ease;
}
  
.swiper-navBtn:hover {
    color: #A9907E;
}
  
.swiper-navBtn::before,
.swiper-navBtn::after {
    font-size: 35px;
}
  
.swiper-button-next {
    right: 0;
}
  
.swiper-button-prev {
    left: 0;
}
  
.swiper-pagination-bullet {
    opacity: 1;
    background-color: #A9907E;
}
  
.swiper-pagination-bullet-active {
    background-color: #A9907E !important;
}
  
@media screen and (max-width: 768px) {
    .swiper-navBtn {
      display: none;
    }
}
/* End Swipper Menu */

.imgAcerca {
    width: 31vw;
}

.bg-anatomia {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url(./../images/home/bg-anatomia.png);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    border: none;
    font-weight: 700;
    color: #314052;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 2px solid #314052;
}

.nav-link:hover {
    color: #314052;
}

.d-sm {
    display: none;
}

.justify-star-reverse {
    justify-content: flex-start;
}

.hr-pedidos {
    opacity: 30%;
    margin: 2rem 0rem;
    border-bottom: 1px solid #A9907E;
}

.bg-contacto {
    background-color: #F6F0F0;
}

.form-control {
    border: none;
    outline:none;
    border-radius: 0;
    outline-width: 0;
    box-shadow: none;
    text-decoration: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    border-bottom: 1px solid #A9907E;
}

.form-control:focus {
    border: none;
    outline:none;
    border-radius: 0;
    outline-width: 0;
    box-shadow: none;
    text-decoration: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    border-bottom: 1px solid #A9907E;
}

label {
    font-size: 13px;
    color: #314052 !important;
    font-family: "capitana", sans-serif;
}


/* N O S O T R O S 
-----------------------------------------------*/
.bg-crema {
    background-color: #FFF9F4;
}

.carousel-caption {
    right: 0;
    left: 3rem;
    /* bottom: 20rem; */
    color: #314052;
    position: absolute;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: center;
}

.bg-locaciones {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(./../../assets/images/nosotros/bg-locaciones.png);
}


/* E V E N T O S
-----------------------------------------------*/
.w-patrocinador {
    width: 7vw;
}

.bg-cafe {
    background-color: #A9907E;
}

.bg-textura {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(./../../assets/images/eventos/textura.png);
}

.card, .card-eventos {
    padding: 0.3rem;
    border-radius: 10px;
    border: 2px solid #314052;
}

.hr-eventos {
    width: 95%;
    margin: 1rem auto;
}

.accordion-button {
    color: #314052;
    font-family: "capitana", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
}

.accordion {
    background-color: transparent;
}

.accordion-item {
    border: none;
    background-color: transparent;
}

.accordion-header {
    background-color: transparent;
}

.accordion-button:not(.collapsed) {
    color: #314052;
    background-color: transparent;
    text-decoration: none;
    outline:none;
    outline-width: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.accordion-button {
    background-color: transparent;
    border-bottom: 1px solid rgba(47, 65, 84, 0.10);
    text-decoration: none;
    outline:none;
    outline-width: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.accordion-copy {
    color: #314052;
    font-size: 15px;
    font-style: normal;
    /* font-weight: 400; */
    letter-spacing: 0.75px;
    font-family: "capitana", sans-serif;
}

.carousel-indicators {
    margin-bottom: 5px;
}

.gp-link {
    color: #A9907E;
    text-decoration: underline;
}


/* M E N U
-----------------------------------------------*/
.hr-precios {
    border-right: 1px solid #314052;
}

.bg-crema2 {
    background-color: #F6F0F0;
}

.pe_salsas {
    padding-right: 15rem;
}


/* C O N T A C T O 
-----------------------------------------------*/
.bg-white {
    background-color: white;
}

.form-select {
    border: none;
    outline:none;
    font-size: 13px;
    border-radius: 0;
    outline-width: 0;
    box-shadow: none;
    padding: 1rem .75rem;
    text-decoration: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #314052 !important;
    background-color: transparent;
    border-bottom: 1px solid #A9907E;
    font-family: "capitana", sans-serif;
}

.form-select:focus {
    border: none;
    outline:none;
    font-size: 13px;
    border-radius: 0;
    outline-width: 0;
    box-shadow: none;
    padding: 1rem .75rem;
    text-decoration: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #314052 !important;
    background-color: transparent;
    border-bottom: 1px solid #A9907E;
    font-family: "capitana", sans-serif;
}

.social-circle, .i {
    width: 130px;
    height: 130px;
    display: flex;
    color: #A9907E;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    border: 1px solid #F6F0F0;
    background-color: #F6F0F0;
}

.social-circle, .i:hover {
    width: 130px;
    height: 130px;
    display: flex;
    color: #fff;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    border: 1px solid #F6F0F0;
    background-color: #314052;
}

.fa-size {
    font-size: 3rem;
}


/* F O O T E R 
-----------------------------------------------*/
.bg-footer {
    background-color: #314052;
}

.logo-footer {
    width: 6vw;
}

.footer-link:hover {
    text-decoration: underline;
}

.footer-hr {
    margin: 3rem 0rem;
    border-bottom: 1px solid white;
}

.justify-end-reverse {
    justify-content: flex-end;
}

.float-end-reverse {
    float: right;
}

.circle-social {
    width: 2rem;
    height: 2rem;
    display: flex;
    color: white;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    border: 1px solid white;
}

.circle-social:hover {
    width: 2rem;
    height: 2rem;
    display: flex;
    color: white;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    border: 1px solid white;
    background-color: #A9907E;
}


/*  W H A T S
-----------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Anton&display=swap);

.sbuttons {
  bottom: 5%;
  margin: 1em;
  right: 20px;
  position: fixed;
}

.sbutton {
  display: block;
  width: 60px;
  height: 60px;
  color: white;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  position: relative;
  margin: 20px auto 0;
  transition: all .1s ease-out;
  -webkit-transition: all .1s ease-out;
  box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
}

.sbutton > i {
  font-size: 38px;
  line-height: 60px;
  transition-delay: 2s;
  transition: all .2s ease-in-out;
}

.sbutton:active,
.sbutton:focus,
.sbutton:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}

.sbutton:not(:last-child) {
    opacity: 0;
    width: 60px;
    height: 60px;
    margin: 20px auto 0;
}

.sbutton:not(:last-child) > i {
  font-size: 25px;
  line-height: 60px;
  transition: all .3s ease-in-out;
}

.sbuttons:hover .sbutton:not(:last-child) {
  opacity: 1;
  width: 60px;
  height: 60px;
  margin: 15px auto 0;
}

.sbutton:not(:last-child):nth-last-child(6) {
    transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
}

[tooltip]:before {
    opacity: 0;
    right: 45px;
    bottom: 5px;
    z-index: -1;
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    margin-left: 10px;
    visibility: hidden;
    padding: 10px 20px;
    position: absolute;
    letter-spacing: 1px;
    border-radius: 10px;
    white-space: nowrap;
    content: attr(tooltip);
    background-color: #33D26B;
    font-family: "capitana", sans-serif;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
    opacity: 100;
    visibility: visible;
}

.sbutton.mainsbutton {
  background: #2ab1ce;
}

.sbutton.whatsapp {
    color: white;
    background: #33D26B;
}

/*-----------------------------------------------
    MEDIA QUERYS 
-----------------------------------------------*/
@media only screen and (min-width: 1px) and (max-width: 600px){
    .visible-lg {
        display: none;
    }

    .br-visible {
        display: none;
    }

    .align-center {
        align-items: center;
    }

    /* Font */
    .hst_highlight {
        font-size: 75px;
    }

    .hst_highlight_md {
        /* font-size: 70px; */
        font-size: 50px;
    }

    .hst_highlight_sm {
        font-size: 60px;
    }

    .hst_h1 {
        font-size: 35px;
    }

    .hst_h2 {
        font-size: 30px;
    }

    .hst_h3 {
        font-size: 30px;
    }

    .hst_h4 {
        font-size: 20px;
    }

    .hst_p1 {
        font-size: 20px;
    }

    .hst_p2 {
        font-size: 20px;
    }

    .hst_p3 {
        font-size: 18px;
    }

    .hst_p4 {
        font-size: 14px;
    }

    .hst_p5 {
        font-size: 13px;
    }

    /* Lettering */
    .letter-lg {
        letter-spacing: 2px;
    }

    .letter-sm {
        letter-spacing: 1px;
    }

    /* Spacing */
    .mb_0_sm {
        margin-bottom: 0rem !important;
    }

    .mb_1_sm {
        margin-bottom: 1rem !important;
    }

    .mb_2_sm {
        margin-bottom: 2rem !important;
    }

    .mb_3_sm {
        margin-bottom: 3rem !important;
    }

    .mb_4_sm {
        margin-bottom: 4rem !important;
    }

    .mb_5_sm {
        margin-bottom: 5rem !important;
    }

    .mb_6_sm {
        margin-bottom: 6rem !important;
    }

    .mb_7_sm {
        margin-bottom: 7rem !important;
    }

    .mb_8_sm {
        margin-bottom: 8rem !important;
    }

    .mb_9_sm {
        margin-bottom: 9rem !important;
    }

    .mb_10_sm {
        margin-bottom: 10rem !important;
    }

    .mt_1_sm {
        margin-top: 1rem !important;
    }

    .mt_2_sm {
        margin-top: 2rem !important;
    }

    .mt_3_sm {
        margin-top: 3rem !important;
    }

    .mt_4_sm {
        margin-top: 4rem !important;
    }

    .mt_5_sm {
        margin-top: 5rem !important;
    }

    .mt_6_sm {
        margin-top: 6rem !important;
    }

    .mt_7_sm {
        margin-top: 7rem !important;
    }

    .mt_8_sm {
        margin-top: 8rem !important;
    }

    .mt_9_sm {
        margin-top: 9rem !important;
    }

    .mt_10_sm {
        margin-top: 10rem !important;
    }

    .pb_0_sm {
        padding-bottom: 0rem !important;
    }

    .pb_1_sm {
        padding-bottom: 1rem !important;
    }

    .pb_2_sm {
        padding-bottom: 2rem !important;
    }

    .pb_3_sm {
        padding-bottom: 3rem !important;
    }

    .pb_4_sm {
        padding-bottom: 4rem !important;
    }

    .pb_5_sm {
        padding-bottom: 5rem !important;
    }

    .pb_6_sm {
        padding-bottom: 6rem !important;
    }

    .pb_7_sm {
        padding-bottom: 7rem !important;
    }

    .pb_8_sm {
        padding-bottom: 8rem !important;
    }

    .pb_9_sm {
        padding-bottom: 9rem !important;
    }

    .pb_10_sm {
        padding-bottom: 10rem !important;
    }

    .pt_1_sm {
        padding-top: 1rem !important;
    }

    .pt_2_sm {
        padding-top: 2rem !important;
    }

    .pt_3_sm {
        padding-top: 3rem !important;
    }

    .pt_4_sm {
        padding-top: 4rem !important;
    }

    .pt_5_sm {
        padding-top: 5rem !important;
    }

    .pt_6_sm {
        padding-top: 6rem !important;
    }

    .pt_7_sm {
        padding-top: 7rem !important;
    }

    .pt_8_sm {
        padding-top: 8rem !important;
    }

    .pt_9_sm {
        padding-top: 9rem !important;
    }

    .pt_10_sm {
        padding-top: 10rem !important;
    }

    .px_0_sm {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .px_1_sm {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px_2_sm {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px_3_sm {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px_4_sm {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px_5_sm {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .px_6_sm {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }
    
    .px_7_sm {
        padding-right: 7rem !important;
        padding-left: 7rem !important;
    }

    .py_1_sm {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py_2_sm {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py_3_sm {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py_4_sm {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py_5_sm {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .py_6_sm {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py_7_sm {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }


    /* N A V B A R  
    -----------------------------------------------*/
    #smNone {
        display: none;
    }

    .navbar {
        width: 100%;
        display: flex;
        /* height: 100vh; */
        align-items: baseline;
        /* background-color: white; */
    }

    .navbar-toggler {
        border: none;
        outline:none;
        outline-width: 0;
        box-shadow: none;
        margin-bottom: 1rem;
        text-decoration: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        padding: 0rem 0rem 0rem 1rem;
    }

    .navbar-toggler:focus {
        outline:none;
        outline-width: 0;
        box-shadow: none;
        text-decoration: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .nav-link-size {
        font-size: 18px !important;
    }

    .bg-collapse {
        /* height: 100vh; */
        background-color: white;
    }

    .logo {
        width: 17vw;
        padding-left: 1rem;
    }

    .navbar-toggler-padding {
        padding: 0rem 1rem 0rem 0rem;
    }

    .navbar-toggler-icon-w {
        background-repeat: no-repeat;
        background-image: url(./../../assets/images/menu.png);
    }

    .nav-link-color {
        color: #314052;
    }

    .nav-link-color:hover {
        color: #314052 !important;
        text-decoration: underline;
    }

    .align-center-left {
        align-items: flex-start;
    }


    /* H O M E  
    -----------------------------------------------*/
    .logoSlide {
        width: 10rem;
        margin: 0 auto 3rem;
    }

    .carousel-caption {
        right: 0;
        left: 1rem;
        bottom: 14rem;
        color: #314052;
    }

    .arrowDown {
        width: 60px;
        height: 60px;
        margin: auto;
        display: flex;
        border-radius: 100%;
        align-items: center;
        justify-content: center;
        margin-top: 3rem !important;
        border: 1px solid #314052;
        transform: translatey(0px);
        -webkit-animation: float 6s ease-in-out infinite;
        animation: float 6s ease-in-out infinite;
    }

    #sliderLg {
        display: none !important;
    }

    #sliderSm {
        display: flex !important;
    }

    #sliderMd {
        display: none !important;
    }

    .w-tamanos {
        width: 100%;
    }

    /* Float Arrow */
    @-webkit-keyframes float {
        0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.07);
        transform: translatey(0px);
        }
        50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.07);
        transform: translatey(-20px);
        }
        100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.07);
        transform: translatey(0px);
        }
    }
    
    @keyframes float {
        0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.07);
        transform: translatey(0px);
        }
        50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.07);
        transform: translatey(-20px);
        }
        100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.07);
        transform: translatey(0px);
        }
    }
    /* End Float Arrow */

    .bg-leyenda {
        background-color: #A9907E;
    }

    /* Swipper Menu */
    .slide-container {
        width: 100%;
        padding: 40px 0;
    }
    
    .slide-content {
        overflow: hidden;
    }
    
    .card-menu {
        border-radius: 0;
        background-color: #FFF;
        border-right: 1px solid #D9D9D9;
    }

    .card-bg1 {
        width: 100%;
        height: 520px !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(./../images/home/tradicionales.png);
    }

    .card-bg2 {
        width: 100%;
        height: 520px !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(./../images/home/tocino.png);
    } 

    .card-bg3 {
        width: 100%;
        height: 520px !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(./../images/home/pechuga.png);
    } 

    .card-bg4 {
        width: 100%;
        height: 520px !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(./../images/home/quesos.png);
    } 

    .card-bg5 {
        width: 100%;
        height: 520px !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(./../images/home/chistorra.png);
    } 

    .card-bg6 {
        width: 100%;
        height: 520px !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(./../images/home/tasajo.png);
    } 

    .card-bg7 {
        width: 100%;
        height: 520px !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(./../images/home/cochinita.png);
    } 

    .card-bg8 {
        width: 100%;
        height: 520px !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(./../images/home/riccota.png);
    } 

    .card-bg9 {
        width: 100%;
        height: 520px !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(./../images/home/abuela.png);
    } 

    .card-bg10 {
        width: 100%;
        height: 520px !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(./../images/home/dulce.png);
    } 
    
    .name {
        font-size: 30px;
        color: #314052;
        font-weight: 600;
        text-align: center;
        letter-spacing: 2px;
        font-family: "polymath-display", sans-serif;
    }
    
    .description {
        font-size: 20px;
        color: #314052;
        font-weight: 300;
        text-align: center;
        font-family: "capitana", sans-serif;
    }

    .etiqueta-menu {
        font-size: 25px;
        color: #a9907e55;
        font-weight: 400;
        text-align: center;
        font-family: "Borel";
    }

    .hr-menu {
        width: 35vw;
        margin: 0rem auto;
        border: none;
        opacity: 100%;
        border-bottom: 3px dashed #314052;
    }
    
    .swiper-navBtn {
        color: #A9907E;
        transition: color 0.3s ease;
    }
    
    .swiper-navBtn:hover {
        color: #A9907E;
    }
    
    .swiper-navBtn::before,
    .swiper-navBtn::after {
        font-size: 35px;
    }
    
    .swiper-button-next {
        right: 0;
    }
    
    .swiper-button-prev {
        left: 0;
    }
    
    .swiper-pagination-bullet {
        opacity: 1;
        background-color: #A9907E;
    }
    
    .swiper-pagination-bullet-active {
        background-color: #A9907E !important;
    }

    .swiper-pagination {
        bottom: -3rem !important;
    }
    /* End Swipper Menu */

    .imgAcerca {
        width: 100%;
    }

    .flex-reverse {
        flex-direction: column-reverse;
    }

    .bg-anatomia {
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        background-image: url(./../images/home/bg-anatomia.png);
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        border: none;
        font-weight: 700;
        color: #314052;
        border-radius: 0;
        background-color: transparent;
        border-bottom: 2px solid #314052;
    }

    .nav-link:hover {
        color: #314052;
    }

    .scroll-horizontal {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        white-space: nowrap;
        flex-direction: row;
    }

    .d-sm {
        display: flex;
    }

    .justify-star-reverse {
        justify-content: center;
    }

    .hr-pedidos {
        opacity: 30%;
        margin: 2rem 0rem;
        border-bottom: 1px solid #A9907E;
    }

    .bg-contacto {
        background-color: #F6F0F0;
    }

    .form-control {
        border: none;
        outline:none;
        border-radius: 0;
        outline-width: 0;
        box-shadow: none;
        text-decoration: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent;
        border-bottom: 1px solid #A9907E;
    }

    .form-control:focus {
        border: none;
        outline:none;
        border-radius: 0;
        outline-width: 0;
        box-shadow: none;
        text-decoration: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent;
        border-bottom: 1px solid #A9907E;
    }

    label {
        font-size: 13px;
        color: #314052 !important;
        font-family: "capitana", sans-serif;
    }


    /* M E N U
    -----------------------------------------------*/
    .carousel-caption-sm {
        left: 0;
    }

    .pe_salsas {
        padding-right: 0;
    }


    /* C O N T A C T O
    -----------------------------------------------*/
    .line-height-sm {
        line-height: 65px;
    }

    .social-circle, .i {
        width: 80px;
        height: 80px;
        display: flex;
        color: #A9907E;
        align-items: center;
        border-radius: 100px;
        justify-content: center;
        border: 1px solid #F6F0F0;
        background-color: #F6F0F0;
    }
    
    .social-circle, .i:hover {
        width: 80px;
        height: 80px;
        display: flex;
        color: #fff;
        align-items: center;
        border-radius: 100px;
        justify-content: center;
        border: 1px solid #F6F0F0;
        background-color: #314052;
    }
    
    .fa-size {
        font-size: 2rem;
    }


    /* F O O T E R 
    -----------------------------------------------*/
    .logo-footer {
        width: 20vw;
        margin: 0rem auto 2rem;
        display: flex;
    }

    .align-links {
        padding-left: 0;
    }

    .justify-end-reverse {
        justify-content: center;
    }

    .derechos {
        text-align: center;
    }

    .float-end-reverse {
        float: none;
        text-align: center;
    }
}


@media only screen and (min-width: 768px) and (max-width: 770px) {
    .visible-lg {
        display: none;
    }

    /* Font */
    .hst_highlight {
        font-size: 70px;
    }

    .hst_highlight_md {
        font-size: 70px;
    }

    .hst_highlight_sm {
        font-size: 50px;
    }

    .hst_h1 {
        font-size: 50px;
    }

    .hst_h2 {
        font-size: 40px;
    }

    .hst_h3 {
        font-size: 30px;
    }

    .hst_h4 {
        font-size: 20px;
    }

    .hst_p1 {
        font-size: 20px;
    }

    .hst_p2 {
        font-size: 20px;
    }

    .hst_p3 {
        font-size: 18px;
    }

    .hst_p4 {
        font-size: 15px;
    }

    .hst_p5 {
        font-size: 13px;
    }

    /* Spacing */
    .mb_0_md {
        margin-bottom: 0rem !important;
    }

    .mb_1_md {
        margin-bottom: 1rem !important;
    }

    .mb_2_md {
        margin-bottom: 2rem !important;
    }

    .mb_3_md {
        margin-bottom: 3rem !important;
    }

    .mb_4_md {
        margin-bottom: 4rem !important;
    }

    .mb_5_md {
        margin-bottom: 5rem !important;
    }

    .mb_6_md {
        margin-bottom: 6rem !important;
    }

    .mb_7_md {
        margin-bottom: 7rem !important;
    }

    .mb_8_md {
        margin-bottom: 8rem !important;
    }

    .mb_9_md {
        margin-bottom: 9rem !important;
    }

    .mb_10_md {
        margin-bottom: 10rem !important;
    }

    .mt_1_md {
        margin-top: 1rem !important;
    }

    .mt_2_md {
        margin-top: 2rem !important;
    }

    .mt_3_md {
        margin-top: 3rem !important;
    }

    .mt_4_md {
        margin-top: 4rem !important;
    }

    .mt_5_md {
        margin-top: 5rem !important;
    }

    .mt_6_md {
        margin-top: 6rem !important;
    }

    .mt_7_md {
        margin-top: 7rem !important;
    }

    .mt_8_md {
        margin-top: 8rem !important;
    }

    .mt_9_md {
        margin-top: 9rem !important;
    }

    .mt_10_md {
        margin-top: 10rem !important;
    }

    .pb_0_md {
        padding-bottom: 0rem !important;
    }

    .pb_1_md {
        padding-bottom: 1rem !important;
    }

    .pb_2_md {
        padding-bottom: 2rem !important;
    }

    .pb_3_md {
        padding-bottom: 3rem !important;
    }

    .pb_4_md {
        padding-bottom: 4rem !important;
    }

    .pb_5_md {
        padding-bottom: 5rem !important;
    }

    .pb_6_md {
        padding-bottom: 6rem !important;
    }

    .pb_7_md {
        padding-bottom: 7rem !important;
    }

    .pb_8_md {
        padding-bottom: 8rem !important;
    }

    .pb_9_md {
        padding-bottom: 9rem !important;
    }

    .pb_10_md {
        padding-bottom: 10rem !important;
    }

    .pt_1_md {
        padding-top: 1rem !important;
    }

    .pt_2_md {
        padding-top: 2rem !important;
    }

    .pt_3_md {
        padding-top: 3rem !important;
    }

    .pt_4_md {
        padding-top: 4rem !important;
    }

    .pt_5_md {
        padding-top: 5rem !important;
    }

    .pt_6_md {
        padding-top: 6rem !important;
    }

    .pt_7_md {
        padding-top: 7rem !important;
    }

    .pt_8_md {
        padding-top: 8rem !important;
    }

    .pt_9_md {
        padding-top: 9rem !important;
    }

    .pt_10_md {
        padding-top: 10rem !important;
    }

    .px_0_md {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .px_1_md {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px_2_md {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px_3_md {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px_4_md {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px_5_md {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .px_6_md {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }
    
    .px_7_md {
        padding-right: 7rem !important;
        padding-left: 7rem !important;
    }

    .py_1_md {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py_2_md {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py_3_md {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py_4_md {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py_5_md {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .py_6_md {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py_7_md {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }


    /* N A V B A R  
    -----------------------------------------------*/
    .navbar {
        width: 100%;
        display: flex;
        /* height: 100vh; */
        align-items: baseline;
        /* background-color: white; */
    }

    .navbar-toggler {
        border: none;
        outline:none;
        outline-width: 0;
        box-shadow: none;
        margin-bottom: 1rem;
        text-decoration: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        padding: 0rem 0rem 0rem 1rem;
    }

    .navbar-toggler:focus {
        outline:none;
        outline-width: 0;
        box-shadow: none;
        text-decoration: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .nav-link-size {
        font-size: 18px !important;
    }

    .bg-collapse {
        /* height: 100vh; */
        background-color: white;
    }

    .logo {
        width: 11vw;
        padding-left: 1rem;
    }

    .navbar-toggler-padding {
        padding: 0rem 1rem 0rem 0rem;
    }

    .navbar-toggler-icon-w {
        background-repeat: no-repeat;
        background-image: url(./../../assets/images/menu.png);
    }

    .nav-link-color {
        color: #314052;
    }

    .nav-link-color:hover {
        color: #314052 !important;
        text-decoration: underline;
    }

    .align-center-left {
        align-items: flex-start;
    }


    /* H O M E  
    -----------------------------------------------*/
    #sliderLg {
        display: none !important;
    }

    #sliderSm {
        display: none !important;
    }

    #sliderMd {
        display: flex !important;
    }

    .logoSlide {
        width: 11rem;
        margin: 0 auto 1rem;
    }

    .carousel-caption {
        right: 0;
        left: 3rem;
        bottom: 18rem;
        color: #314052;
        position: absolute;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        text-align: center;
    }

    .arrowDown {
        width: 60px;
        height: 60px;
        margin: auto;
        display: flex;
        border-radius: 100%;
        align-items: center;
        justify-content: center;
        margin-top: 2rem !important;
        border: 1px solid #314052;
        transform: translatey(0px);
        -webkit-animation: float 6s ease-in-out infinite;
        animation: float 6s ease-in-out infinite;
    }

    /* Swipper Menu */
    .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0, 0, 0);
        bottom: -42rem !important;
        z-index: 10;
    }
    /* End Swipper Menu */

    .scroll-horizontal {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        white-space: nowrap;
        flex-direction: row;
    }


    /* N O S O T R O S  
    -----------------------------------------------*/
    .flex-reverse {
        flex-direction: column-reverse;
    }

    .imgAcerca {
        width: 45vw;
    }

    .text-center-md {
        text-align: center;
    }


    /* M E N U
    -----------------------------------------------*/
    .carousel-caption-sm {
        left: 0;
    }

    .pe_salsas {
        padding-right: 0;
    }


    /* F O O T E R  
    -----------------------------------------------*/
    .logo-footer {
        width: 12vw;
        display: flex;
        margin: 0rem auto 2rem;
    }

    .align-links {
        padding-left: 0;
    }

    .justify-end-reverse {
        justify-content: center;
    }

    .derechos {
        text-align: center;
    }

    .float-end-reverse {
        float: none;
        text-align: center;
    }
}


@media only screen and (min-width: 820px) and (max-width: 825px) {
    .visible-lg {
        display: none;
    }

    /* Font */
    .hst_highlight {
        font-size: 70px;
    }

    .hst_highlight_md {
        font-size: 70px;
    }

    .hst_highlight_sm {
        font-size: 50px;
    }

    .hst_h1 {
        font-size: 50px;
    }

    .hst_h2 {
        font-size: 40px;
    }

    .hst_h3 {
        font-size: 30px;
    }

    .hst_h4 {
        font-size: 20px;
    }

    .hst_p1 {
        font-size: 20px;
    }

    .hst_p2 {
        font-size: 20px;
    }

    .hst_p3 {
        font-size: 18px;
    }

    .hst_p4 {
        font-size: 15px;
    }

    .hst_p5 {
        font-size: 13px;
    }

    /* Spacing */
    .mb_0_md {
        margin-bottom: 0rem !important;
    }

    .mb_1_md {
        margin-bottom: 1rem !important;
    }

    .mb_2_md {
        margin-bottom: 2rem !important;
    }

    .mb_3_md {
        margin-bottom: 3rem !important;
    }

    .mb_4_md {
        margin-bottom: 4rem !important;
    }

    .mb_5_md {
        margin-bottom: 5rem !important;
    }

    .mb_6_md {
        margin-bottom: 6rem !important;
    }

    .mb_7_md {
        margin-bottom: 7rem !important;
    }

    .mb_8_md {
        margin-bottom: 8rem !important;
    }

    .mb_9_md {
        margin-bottom: 9rem !important;
    }

    .mb_10_md {
        margin-bottom: 10rem !important;
    }

    .mt_1_md {
        margin-top: 1rem !important;
    }

    .mt_2_md {
        margin-top: 2rem !important;
    }

    .mt_3_md {
        margin-top: 3rem !important;
    }

    .mt_4_md {
        margin-top: 4rem !important;
    }

    .mt_5_md {
        margin-top: 5rem !important;
    }

    .mt_6_md {
        margin-top: 6rem !important;
    }

    .mt_7_md {
        margin-top: 7rem !important;
    }

    .mt_8_md {
        margin-top: 8rem !important;
    }

    .mt_9_md {
        margin-top: 9rem !important;
    }

    .mt_10_md {
        margin-top: 10rem !important;
    }

    .pb_0_md {
        padding-bottom: 0rem !important;
    }

    .pb_1_md {
        padding-bottom: 1rem !important;
    }

    .pb_2_md {
        padding-bottom: 2rem !important;
    }

    .pb_3_md {
        padding-bottom: 3rem !important;
    }

    .pb_4_md {
        padding-bottom: 4rem !important;
    }

    .pb_5_md {
        padding-bottom: 5rem !important;
    }

    .pb_6_md {
        padding-bottom: 6rem !important;
    }

    .pb_7_md {
        padding-bottom: 7rem !important;
    }

    .pb_8_md {
        padding-bottom: 8rem !important;
    }

    .pb_9_md {
        padding-bottom: 9rem !important;
    }

    .pb_10_md {
        padding-bottom: 10rem !important;
    }

    .pt_1_md {
        padding-top: 1rem !important;
    }

    .pt_2_md {
        padding-top: 2rem !important;
    }

    .pt_3_md {
        padding-top: 3rem !important;
    }

    .pt_4_md {
        padding-top: 4rem !important;
    }

    .pt_5_md {
        padding-top: 5rem !important;
    }

    .pt_6_md {
        padding-top: 6rem !important;
    }

    .pt_7_md {
        padding-top: 7rem !important;
    }

    .pt_8_md {
        padding-top: 8rem !important;
    }

    .pt_9_md {
        padding-top: 9rem !important;
    }

    .pt_10_md {
        padding-top: 10rem !important;
    }

    .px_0_md {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .px_1_md {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px_2_md {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px_3_md {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px_4_md {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px_5_md {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .px_6_md {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }
    
    .px_7_md {
        padding-right: 7rem !important;
        padding-left: 7rem !important;
    }

    .py_1_md {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py_2_md {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py_3_md {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py_4_md {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py_5_md {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .py_6_md {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py_7_md {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }


    /* N A V B A R  
    -----------------------------------------------*/
    .navbar {
        width: 100%;
        display: flex;
        /* height: 100vh; */
        align-items: baseline;
        /* background-color: white; */
    }

    .navbar-toggler {
        border: none;
        outline:none;
        outline-width: 0;
        box-shadow: none;
        margin-bottom: 1rem;
        text-decoration: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        padding: 0rem 0rem 0rem 1rem;
    }

    .navbar-toggler:focus {
        outline:none;
        outline-width: 0;
        box-shadow: none;
        text-decoration: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .nav-link-size {
        font-size: 18px !important;
    }

    .bg-collapse {
        /* height: 100vh; */
        background-color: white;
    }

    .logo {
        width: 11vw;
        padding-left: 1rem;
    }

    .navbar-toggler-padding {
        padding: 0rem 1rem 0rem 0rem;
    }

    .navbar-toggler-icon-w {
        background-repeat: no-repeat;
        background-image: url(./../../assets/images/menu.png);
    }

    .nav-link-color {
        color: #314052;
    }

    .nav-link-color:hover {
        color: #314052 !important;
        text-decoration: underline;
    }

    .align-center-left {
        align-items: flex-start;
    }


    /* H O M E  
    -----------------------------------------------*/
    #sliderLg {
        display: none !important;
    }

    #sliderSm {
        display: none !important;
    }

    #sliderMd {
        display: flex !important;
    }

    .logoSlide {
        width: 11rem;
        margin: 0 auto 1rem;
    }

    .carousel-caption {
        right: 0;
        left: 3rem;
        bottom: 18rem;
        color: #314052;
        position: absolute;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        text-align: center;
    }

    .arrowDown {
        width: 60px;
        height: 60px;
        margin: auto;
        display: flex;
        border-radius: 100%;
        align-items: center;
        justify-content: center;
        margin-top: 2rem !important;
        border: 1px solid #314052;
        transform: translatey(0px);
        -webkit-animation: float 6s ease-in-out infinite;
        animation: float 6s ease-in-out infinite;
    }

    /* Swipper Menu */
    .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0, 0, 0);
        bottom: -42rem !important;
        z-index: 10;
    }
    /* End Swipper Menu */

    .scroll-horizontal {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        white-space: nowrap;
        flex-direction: row;
    }


    /* N O S O T R O S  
    -----------------------------------------------*/
    .flex-reverse {
        flex-direction: column-reverse;
    }

    .imgAcerca {
        width: 45vw;
    }

    .text-center-md {
        text-align: center;
    }


    /* M E N U
    -----------------------------------------------*/
    .carousel-caption-sm {
        left: 0;
    }

    .pe_salsas {
        padding-right: 0;
    }


    /* F O O T E R  
    -----------------------------------------------*/
    .logo-footer {
        width: 12vw;
        display: flex;
        margin: 0rem auto 2rem;
    }

    .align-links {
        padding-left: 0;
    }

    .justify-end-reverse {
        justify-content: center;
    }

    .derechos {
        text-align: center;
    }

    .float-end-reverse {
        float: none;
        text-align: center;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1900px) {
    /* H O M E
    -----------------------------------------------*/
    .carousel-caption {
        right: 0;
        left: 3rem;
        bottom: 5rem;
        color: #314052;
        position: absolute;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        text-align: center;
    }

    /* M E N U
    -----------------------------------------------*/
    .carousel-caption-menu {
        bottom: 15rem;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .visible-lg {
        display: none;
    }
}