html {
    box-sizing: border-box 
}
*, :after, :before {
    box-sizing: inherit 
}
* {
    padding: 0;
    margin: 0;
    font-family: var(--font-family);
    outline: 0!important;
    font-weight: 400; 

}
::-webkit-scrollbar {
    width: .5rem 
}
::-webkit-scrollbar-track {
    background-color: var(--scroll) 
}
::-webkit-scrollbar-thumb {
    background-color: var(--scroll-slide);
    border-radius: 20px 
}
ol, ul {
    margin: 0!important;
    padding: 0!important;
    padding-left: 0!important 
}
h1, h2, h3, h4, h5, h6 {
    text-align: center;
    color: var(--texto-encabezados);
    font-weight: 400!important 
}
link {
    display: contents 
}
a {
    text-decoration: none!important;
    cursor: pointer;
    color: var(--texto-color);
}
a:hover {
    text-decoration: none;
    color: var(--a-hover)!important 
}
a:active {
    text-decoration: none;
    color: var(--a-hover)!important 
}
a[type=button] {
    -webkit-border-radius: 0px;
    border-radius: 0;
    border: none;
    overflow-anchor: none;
    -webkit-appearance: none!important 
}
a.close {
    color: var(--btn-x)!important 
}
a.close:hover {
    color: var(--btn-x-hover)!important 
}
a.a-texto {
    padding: 0;
    margin: 0!important;
    color: var(--focus-color);
    text-decoration: underline!important;
    width: fit-content 
}
button.close {
    text-transform: uppercase 
}
img {
    border-radius: var(--border-img) 
}
font {
    font-size: 2vh;
    color: var(--texto-color) 
}
body {
    color: var(--texto-color)!important;
    background-color: var(--fondo);
    background: var(--fondo);
    background: var(--fondo-g);
    overscroll-behavior-y: contain;
    overflow-x: hidden;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    min-height: 100vh;
}
.fondo-nodark{
    background: var(--fondo-nodark) !important;
}
.fondo-nodark .header-modulo{
    color: var(--color-nodark) !important;
}
.message-success {
    background-color: var(--mensaje-copy);
    color: var(--mensaje-texto-copy);
}
.message-error {
    background-color: var(--mensake-copy);
    color: var(--mensaje-texto-copy);
}
/*OFFCANVAS*/
.offcanvas-menu-body a {
    padding: 7% 10%!important;
    border-radius: .25rem!important;
    text-align: left!important;
    color: var(--menu-color-header)!important;
    width: 100%;
    font-size: 4.7vw;
    font-weight: 700;
}
/*Actualizaciones-modulo*/
.overlay-actualizaciones {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 30%);
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.message-actualizaciones {
    background: var(--theme-color);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 600px;
    width: 90vw;
}

.message-actualizaciones p{
    margin: 0;
    color: var(--second-color);
}
/*LOGIN*/
#grav-login {
    background: transparent !important;
}
.cerrar-sesion {
    text-transform: capitalize;
}
#grav-login .primary{
    width: fit-content !important;
}
/*FIN-LOGIN*/
header.header-video {
    line-height: 0!important 
}
main {
    padding: 0 .2rem;
    height: auto;
    width: 100%;
    margin-bottom: 100px 
}
.iframe-template main{
    overflow-x: hidden;
}
.page {
    transition: all .5s ease;
    max-width: 600px;
    margin: auto 
}
.header-nav-li {
    width: 15%!important;
    text-align: center!important 
}
#header-titulo-logo {
    width: 70%!important 
}
#header-titulo-logo svg {
    width: 250px;
    padding: 1rem 
}
#header-titulo-logo path {
    fill: var(--smartlink-firma) 
}
#header-titulo-logo polygon {
    fill: var(--smartlink-firma) 
}
#header-titulo-logo rect {
    fill: var(--smartlink-firma) 
}
#header-titulo-logo .cls-1 {
    fill: var(--smartlink-puntos)!important 
}
#header-titulo-logo-card svg {
    width: 250px;
    padding: 1rem 
}
#header-titulo-logo-card path {
    fill: var(--smartlink-firma) 
}
#header-titulo-logo-card polygon {
    fill: var(--smartlink-firma) 
}
#header-titulo-logo-card rect {
    fill: var(--smartlink-firma) 
}
#header-titulo-logo-card .cls-1 {
    fill: var(--smartlink-puntos)!important 
}
:target {
    scroll-margin: 10vh 
}
.main-catalogo-multiple {
    margin-top: 160px!important 
}
.section-multiple-catalogo{
    margin: 2rem 0 1rem;
}
.multi-catalogo-contenedor{
    width: 100%;
    padding: 1.5rem 2rem;
    border-radius: 20px;
    background: var(--a-fondo-active-tab);
    margin: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.multi-catalogo-contenedor div{
    width: 30%;
}
.multi-catalogo-contenedor img{
    width: 100%;
    border-radius: 20px;
}
.multi-catalogo-contenedor .title-catalogo{
    font-weight: 900;
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 60%;
}
#catalogo-main {
    margin-bottom: 30px!important 
}
.absolute-top {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100% 
}
.sticky-top {
    z-index: 2!important 
}
.fixed-position-header{
    position: fixed;
    transform: translate(-50%, 0);
    width: 95vw;
}
.noshow {
    display: none!important 
}
.no-padding {
    padding: 0!important 
}
.text-align-center {
    text-align: center!important 
}
.text-align-left {
    text-align: left!important 
}
.text-align-right {
    text-align: right!important 
}
.contenedor {
    margin-bottom: 80px 
}
.text-muted-black {
    opacity: 1;
    color: var(--texted-muted)!important 
}
.margin-btn-80px {
    margin-bottom: 80px!important 
}
.titulo {
    margin-top: 3rem 
}
.align-center {
    margin: 0!important;
    align-content: center;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center 
}
.mark, mark {
    padding: .5rem!important;
    background-color: var(--fondo-mark)!important;
    border-radius: 60px!important;
    color: var(--color-mark)!important;
    font-weight: 900!important;
    letter-spacing: 3px!important 
}
mark i {
    color: var(--color-mark)!important 
}
.nota {
    color: var(--nota-color)!important;
    margin-top: 1rem!important;
    font-size: 3.5vw;
    opacity: var(--nota-opacity)!important 
}
.nota i {
    padding-bottom: 0!important;
    padding-left: .5rem!important;
    padding-right: .5rem!important;
    bottom: 0!important 
}
a.index-info {
    opacity: .7!important;
    text-decoration: underline!important;
    color: var(--texto-color) 
}
.info-slide-link {
    text-align: center;
    margin: 1.5rem auto 
}
.info-slide-link a {
    text-align: center;
    margin: auto;
    color: var(--info-slide-link)!important;
    font-weight: 600 
}
.info-slide-link a:hover {
    opacity: .6!important 
}
.info-slide-return {
    text-align: center;
    margin: .3rem auto 1rem 
}
.info-slide-return a {
    text-align: center;
    margin: auto;
    color: var(--btn-retun-color)!important;
    font-weight: 600;
    opacity: .6 
}
.info-slide-return a:hover {
    opacity: .6!important;
    color: var(--color-focus) 
}
.content-menu span:target {
    background-color: var(--color-target-menu);
    border-radius: 25px 
}
.index{
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: flex-end;
    flex-wrap: wrap;
}
.index-texto-area {
    text-align: justify;
    padding: .5rem 1.5rem;
    width: 100%;
}
.index-icono{
    width: 33%;
    background-position: center;
    transition: background .5s;
    margin: 1rem 0;
}
.index-icono svg{
    width: 60px;
    height: 60px;
}
.index-texto{
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: var(--color-index-texto) 
}
.index-texto p{
    margin-bottom: 0 !important;
}
.index-icono a{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 110px;
}

.ripple {
    background-position: center;
    transition: background .5s 
}
.ripple:hover {
    background: var(--theme-color) radial-gradient(circle, transparent 1%, var(--theme-color) 1%) center/15000% 
}
.ripple:active {
    background-color: var(--focus-color);
    background-size: 100%;
    transition: background 0s 
}
.horario {
    margin-top: var(--horario-margin-top);
    margin-bottom: var(--horario-margin-bottom);
    opacity: .8;
    color: var(--horario-color-texto);
    background: var(--horario-fondo);
    border-radius: 20px;
    margin: 0 1rem;
    padding: 2rem;
}
.horario h6 {
    color: var(--horario-color-texto)!important 
}
.horario h5 {
    background: var(--fondo-cerrado-abierto);
    padding: 1rem;
    width: fit-content;
    margin: .5rem auto;
    border-radius: 50px;
    color: var(--texto-cerrado-abierto)!important;
    animation: blink 3s linear infinite 
}
.horario table {
    width: 100%;
    text-align: center;
    margin: auto;
    color: var(--horario-color-horas);
    margin-top: 1rem;
}
.horario td {
    width: 50%;
    font-size: 4vw 
}
.horario .letrero-dia{
    text-align: left 
}
.horario .letrero-hora{
    text-align: center 
}
@keyframes blink {
    0% {
        opacity: .5 
   }
    50% {
        opacity: 1 
   }
    100% {
        opacity: .5 
   }
}
.imagen-top {
    position: relative;
    top: 0;
    height: 15vh;
    overflow: hidden;
    border-radius: 0 0 8px 8px!important;
    background-image: var(--header-img-svg) 
}
.imagen-top img {
    border-radius: 0 0 5px 5px!important;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) 
}
.catalogo-nav ul {
    width: 100% 
}
a.item-nav-catalogo {
    font-size: 1.8vh 
}
#nav1 {
    background-color: var(--fondo-header);
    background-color: var(--fondo-header-g);
    border-bottom: 3px solid var(--border-header);
    display: flex;
    justify-content: space-around;
    text-decoration: none;
    border-radius: var(--border-radius-header);
    padding: 30px 0 8px 0;
    margin: var(--margen-nav1-header);
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}
#nav1 a {
    color: var(--menu-color-header)!important 
}
#nav1 i {
    color: var(--menu-color-header) 
}
#nav1 li {
    padding: 0 
}
i.nav-headerv {
    font-size: 1.7rem;
}
.header-nav-media img{
    width: 100%;
}
.header-nav-media video{
    width: 100%;
}
.header-nav{
    text-align: center;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.header-nav::before {
    animation: bounce 1.5s ease infinite;
    bottom: .5rem;
    color: var(--texto-color);
    font-size: 2rem;
    height: 4rem;
    left: 50%;
    letter-spacing: -1px;
    line-height: 4rem;
    margin-left: -3rem;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    width: 6rem;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    z-index: 1;
}
@keyframes bounce {
    50% {
        transform: translateY(-50%);
   }
}
.no-show-scroll-down::before{
    display: none !important;
}
.header-nav svg{
    width: 55%;
    margin: auto;
}
.header-nav img{
    width: 55%;
    margin: auto;
}
#nav3 {
    background-color: var(--fondo-nav3);
    background-color: var(--fondo-nav3-g);
    border-bottom: var(--border-nav3);
    text-decoration: none 
}
#nav-tab {
    background-color: var(--fondo-nav3);
    background-color: var(--fondo-nav3-g);
    border-bottom: 3px solid var(--border-nav3);
    text-decoration: none;
    padding: 7px 0 7px 0 
}
#nav3 a {
    color: var(--color-nav3)!important;
    text-transform: uppercase;
    font-size: 5vw;
    font-weight: 700 
}
#nav3 a:hover {
    color: var(--color-nav3-hover)!important 
}
.owl-nav{
    position: absolute;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    top: 4.7rem;
}
#nav3 .owl-item{
    text-align: center;
    border-radius: 30px;
    background: rgba(250,250,250,.5);
}
.owl-carousel .owl-stage-outer {
    overflow: visible;
}
.owl-nav .disabled{
    opacity: .5;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: var(--theme-color) !important;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem !important;
}
#nav3 .owl-stage{
    padding: 1rem 0;
}
#nav3 .nav-link {
    display: flex!important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center 
}
#nav3 .owl-item a{
    display: block;
}
#nav3 .owl-dots{
    display: none !important;
}
#nav2 .owl-item a small {
    text-transform: uppercase;
    font-weight: 700;
}
#nav2 .owl-item .carousel-cell {
    text-align: center;
}
#nav2 .owl-carousel{
    width: 85vw;
}
.owl-item a small{
    font-size: .8rem !important;
}
.owl-item .carousel-cell{
    border-radius: 20px;
    padding: .5rem;
}
.owl-dots {
    display: none;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: var(--color-nav3)!important;
    text-decoration: none;
    font-weight: 700;
    font-size: var(--font-size-nav-link) 
}
.nav-tabs .nav-link.active {
    background-color: var(--a-fondo-active-tab)!important;
    color: var(--tab-active)!important;
    border-color: transparent!important 
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent!important;
    isolation: isolate 
}
.header-tab {
    margin: 2rem 
}
.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-content: space-between;
    justify-content: space-around;
    flex-direction: row;
    border-bottom: none!important 
}
.nav-tabs .nav-link {
    border-radius: .5rem!important;
    text-transform: uppercase 
}
.tab-content {
    scroll-snap-type: y mandatory 
}
.tab-pane {
    min-height: 90vh 
}
nav ul {
    padding: 5px 5px 5px 5px;
    display: flex;
    justify-content: space-around;
    text-decoration: none 
}
nav ul li {
    padding: 10px 0 10px 0;
    text-decoration: none 
}
nav ul li a {
    font-size: 15px;
    font-weight: 700;
    padding: 5px 5px 5px 5px;
    border-radius: .25rem;
    color: #fff;
    display: block;
    text-decoration: none;
    margin-right: 1px 
}
nav ul li a i {
    font-weight: 400 
}
nav ul li a:hover {
    background-color: var(--background-nav-a-hover)!important 
}
.menu-header {
    letter-spacing: 3.5px;
    text-transform: uppercase;
    text-align: center;
    font-size: 3vh 
}
.menu-header small {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 2vh 
}
.menu-link-header-index img {
    background-color: var(--img-link-header-index);
    border: 3px solid var(--img-link-border-index);
    border-radius: 50px;
    padding: .1rem 
}
.menu-link-header-index svg {
    background-color: var(--img-link-header-index);
    border: 3px solid var(--img-link-border-index);
    padding: .1rem;
    width: 14vw 
}
.menu-link-header-index .a {
    fill: var(--svg-header-menu-icono-color)!important 
}
.icono-menu-header {
    font-size: 6vw 
}
.menu-nav-header {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 7% 10%!important;
}
.menu-nav-header-icono {
    width: 10%;
    margin-right: 3rem;
    text-align: center;
}
.offcanvas-header {
    text-transform: uppercase 
}
.offcanvas-link {
    height: 100vh!important;
    width: 100vh!important;
    background: var(--modal-fondo-link-tally)!important;
    background-color: var(--modal-fondo-link-tally)!important 
}
.offcanvas-link .offcanvas-body {
    padding: .2rem!important;
    background: var(--modal-fondo-link-tally)!important 
}
.offcanvas-link .offcanvas-header {
    display: block!important;
    padding: .8rem 0 .8rem!important;
    background: var(--modal-fondo-link-tally) 
}
.offcanvas-link .offcanvas-header .settings-ubicacion a {
    padding-left: 0!important;
    color: var(--modal-fondo-link-tally-close)!important 
}
.offcanvas-app {
    height: 100vh!important;
    width: 100vw!important;
    background: transparent!important;
    background-color: transparent !important 
}
.offcanvas-app .offcanvas-body {
    padding: .2rem!important;
    background: transparent!important 
}
.offcanvas-app .offcanvas-header {
    display: block!important;
    padding: .3rem 0 .3rem!important;
    background: transparent 
}
.offcanvas-app .offcanvas-header .settings-ubicacion a {
    padding-left: 0!important;
    color: #fff!important 
}
.dropdown-menu {
    text-align: justify 
}
.offcanvas-backdrop {
    background-color: var(--offcanvas-fondo-backdrop)!important 
}
.offcanvas {
    border-radius: 10px 10px 0 0!important;
    background-color: var(--modal-fondo)!important 
}
.offcanvas-menu {
    height: 100vh!important;
    background-color: var(--fondo-menu-offcanvas)!important 
}
.offcanvas-menu .offcanvas-header {
    border-bottom: 3px solid var(--border-menu-header);
    color: var(--texto-menu-header)!important;
    background-color: var(--fondo-menu-header) 
}
.offcanvas-menu-close {
    width: 10%;
    opacity: .8;
    text-align: center 
}
.offcanvas-menu-close:hover {
    color: var(--focus-color) 
}
.offcanvas-menu-titulo h6 {
    text-align: center;
    color: var(--second-color)!important;
    opacity: .5;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700 
}
.offcanvas-menu-body a:hover {
    background-color: var(--a-hover-menu-nav-header)!important 
}
.offcanvas-menu-body i {
    padding: 10% 15% 10% 2%!important;
    color: var(--menu-color-header)!important 
}
.offcanvas-menu-footer {
    background-color: var(--footer-menu);
    padding: 2px 
}
.offcanvas-footer a {
    padding: 10px 10px 10px 10px;
    color: var(--theme-color) 
}
.offcanvas-menu i {
    color: var(--menu-color-header)!important 
}
.offcanvas-footer i {
    color: var(--menu-color-header)!important 
}
.dropdown-menu.show {
    display: flex!important 
}
.header-espacio {
    padding: 20px 
}
.header-espacio h1, .header-espacio h2, .header-espacio h3, .header-espacio h4, .header-espacio h5, .header-espacio h6 {
    padding: 10px 
}
.btn-secondary {
    color: var(--modal-btn-cerrar-color)!important;
    background-color: var(--modal-btn-cerrar-fondo)!important;
    border-color: var(--modal-btn-cerrar-border)!important;
    border-radius: var(--modal-btn-cerrar-border-radius)!important 
}
.img-card-principal {
    margin: auto 
}
.img-card-principal img {
    width: 100% 
}
.header-card {
    padding: 0;
    text-align: center;
    margin-bottom: var(--header-card-bottom);
    background: var(--header-img-svg) top;
    height: 30vh;
    background-size: 30%;
    background-repeat: repeat-x;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
}
.header-card h1 {
    text-align: right;
    font-family: var(--font-family);
    font-weight: 900;
    margin-bottom: 0!important;
    letter-spacing: 1px;
    color: var(--menu-color-header)!important 
}
.header-card h5 {
    margin-top: 1rem;
    letter-spacing: 2px 
}
.index {
    text-align: center 
}
.relleno {
    fill: var(--svg-relleno) 
}
.letra {
    margin-top: 1em;
    font-size: 1.7vh;
    font-weight: 600;
    width: 100%;
    display: inline-table;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0;
    -moz-margin-before: 0em;
    -moz-margin-after: 0em;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    text-transform: uppercase 
}
.gif {
    margin: 1rem 0 1rem 0 
}
.gif-top {
    margin: 1rem 0 1rem 0 
}
.gif-top-landingpage {
    margin: 4rem auto 2rem 
}
.gif-top-landingpage {
    width: 55%!important 
}
.carousel-indicators [data-bs-target] {
    height: 15px!important;
    width: 15px!important;
    border-radius: 50px!important;
    margin: 0 .5rem!important;
    border-top: none!important;
    border-bottom: none!important;
    background-color: var(--focus-color)!important 
}
.carousel-indicators{
    bottom: -50px !important;
}
#header-titulo-logo svg {
    width: 250px;
    padding: 1rem 
}
#header-titulo-logo-foto svg {
    width: 150px;
    padding: 1rem;
    border-radius: 50%;
    background: var(--fondo-foto-header);
}
#header-titulo-logo-foto img{
    width: 150px;
    padding: 1rem;
    border-radius: 50%;
    background: var(--fondo-foto-header);
}
.gif-top-landingpage path {
    fill: var(--smartlink-firma) 
}
.gif-top-landingpage polygon {
    fill: var(--smartlink-firma) 
}
.gif-top-landingpage rect {
    fill: var(--smartlink-firma) 
}
.gif-top-landingpage .cls-1 {
    fill: var(--smartlink-puntos)!important 
}
.landingpage-index-titulo {
    margin: 2rem 
}
.gif video {
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
    position: relative;
    padding: 2%;
}
.menu-pie button {
    color: #fff 
}
.menu-pie font {
    color: #fff 
}
.iconoestilo {
    font-size: 60px 
}
.lightbox_content {
    color: red 
}
.ret-uno {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s 
}
img.instruccion {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 0 
}
.izquierda {
    float: left;
    margin-left: 0 
}
.derecha {
    float: right;
    margin-right: 0 
}
.opciones {
    font-size: 20px;
    background: 0 0;
    height: 30px;
    width: 100px;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 
}
.b {
    font-size: 20px;
    width: 100%;
    margin-top: 15px;
    height: 80px;
    background: #343434;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px 
}
ol.instrucciones-lista {
    list-style: none;
    counter-reset: my-awesome-counter-2 
}
ol.instrucciones-lista li {
    counter-increment: my-awesome-counter-2;
    margin: .5rem;
    font-size: 4vw 
}
ol.instrucciones-lista li::before {
    content: counter(my-awesome-counter-2);
    font-weight: 700;
    font-size: 1.5rem;
    margin-right: 2rem;
    line-height: 1;
    background: var(--lista-fondo);
    color: var(--lista-color);
    border-radius: 50px;
    padding: 0 .5rem;
    font-family: Nunito, sans-serif!important 
}
ol.info-lista {
    list-style: none;
    counter-reset: my-awesome-counter 
}
ol.info-lista li {
    counter-increment: my-awesome-counter;
    margin: 1rem .5rem;
    font-size: 5vw 
}
ol.info-lista li::before {
    content: counter(my-awesome-counter);
    font-weight: 700;
    font-size: .5rem;
    margin-right: .5rem;
    line-height: 1;
    background: var(--lista-fondo);
    color: var(--lista-fondo);
    border-radius: 50px;
    padding: 0 .2rem;
    font-family: Nunito, sans-serif!important 
}
iframe {
    border-radius: 5px 
}
.link iframe {
    width: 98%;
    height: 92%;
    position: absolute;
    margin: auto;
    text-align: center;
    right: 0;
    left: 0;
}
.link-info iframe {
    width: 98%;
    height: 88%;
    position: absolute;
    margin: auto;
    text-align: center;
    right: 0;
    left: 0;
}
.link-ordenm iframe {
    width: 98%;
    height: 79%;
    position: absolute;
    margin: auto;
    text-align: center;
    right: 0;
    left: 0;
}
iframe#myIframe {
    width: 98%;
    height: 85%;
    position: absolute;
    margin: auto;
    text-align: center;
    right: 0;
    left: 0;
}
/*IFRAME MEDIA*/
@media (max-height: 899px) {
    .link-ordenm iframe {
        height: 73% 
   }
    .link iframe {
        height: 89% 
   }
    .link-info iframe {
        height: 90% 
   }
    iframe#myIframe {
        height: 89% 
   }
}
@media (max-height: 880px){
    .link-info iframe {
        height: 87%;
   }
}
@media (max-height: 750px) {
    .link-ordenm iframe {
        height: 73% 
   }
    .link iframe {
        height: 90% 
   }
    .link-info iframe {
        height: 86% 
   }
    iframe#myIframe {
        height: 85% 
   }
}
@media (max-height: 660px) {
    .link-ordenm iframe {
        height: 68% 
   }
    .link iframe {
        height: 89% 
   }
    .link-info iframe {
        height: 84% 
   }
    iframe#myIframe {
        height: 89% 
   }
}
.btn-info {
    width: 100%;
    background-color: var(--btn-info-fondo)!important;
    border-color: var(--btn-info-border)!important;
    color: var(--btn-info-color)!important;
    padding: .5rem 0!important;
    letter-spacing: 3px;
    font-weight: 700;
    box-shadow: none !important;
}
.frame {
    height: 1200;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    border: 1px solid transparent;
    background: 0 0 
}
.separacion {
    padding: 10px 0 
}
.ret-dos {
    transition-delay: 2s;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    -ms-transition-delay: 2s 
}
.social {
    background: 0 0;
    text-align: center;
    margin-bottom: 1em;
    border: 1px solid transparent;
    box-shadow: 2px 2px 0 0 transparent;
    -webkit-box-shadow: 2px 2px 0 0 transparent;
    -moz-box-shadow: 2px 2px 0 0 transparent;
    border-radius: 10px;
    font-size: 10px;
    height: 12.5em;
    min-width: 8em 
}
.detalle {
    overflow-x: hidden;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s 
}
.detalle2 {
    overflow-x: hidden;
    transition: 2s;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s 
}
.submenuactive {
    background: var(--fondo-pdf)!important;
    color: #fff 
}
.pdf {
    position: relative!important;
    display: flex!important;
    flex-wrap: wrap!important;
    align-items: center!important;
    justify-content: center!important;
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
    align-content: center!important 
}
.pdf a {
    padding: 15px 0 15px 0!important;
    width: 90%!important;
    border-radius: 10px;
    font-weight: 700!important;
    text-transform: uppercase!important;
    text-align: center!important 
}
.pdf-contenedor{
    display: flex;
    flex-direction: column;
}
.pdf-contenedor canvas{
    margin-bottom: 1rem;
    border-radius: 5px;
}
.galeria {
    text-align: center 
}
.imagencatalogo {
    width: 100%;
    margin-top: 30px;
    text-align: center 
}
.imagencatalogo img {
    max-width: 100% 
}
.imagengaleriamini {
    width: 100%;
    max-width: 100%;
    position: relative;
    padding: 2% 
}
.imagengaleriamini img {
    max-width: 100% 
}
.galeria video {
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
    position: relative;
    padding: 2%;
}
.image-img {
    width: 100%;
    height: auto 
}
.btn_img .overlay-img {
    opacity: 0 
}
.overlay-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: .5s ease;
    background-color: var(--overlay-img-fondo);
    border-radius: 5px;
    transition: opacity .8s 
}
.btn_show .overlay-img {
    opacity: .9!important 
}
.text-img {
    color: var(--overlay-img-texto);
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    text-transform: uppercase;
    font-weight: 800 
}
ul {
    padding-inline-start: 0px;
    list-style: none;
    margin-bottom: 0!important 
}
.card {
    background-color: var(--fondo-catalogo)!important;
    border: none!important 
}
.card i {
    color: var(--icono-catalogo) 
}
.card p {
    margin-top: 1rem;
    text-align: justify;
}
.card img {
    border-radius: 5px;
    filter: brightness(.9) contrast(1.2);
    margin: 1.7rem auto 
}
.card-scroll {
    font-size: 16px;
    background: var(--card-body-fondo);
    border-radius: var(--card-border-radius) 
}
.card-footer {
    background-color: transparent!important 
}
.list-group-item {
    background-color: transparent!important;
    border: none!important;
    color: var(--texto-color)!important 
}
.card-title {
    margin: 1rem auto!important 
}
.card-title h3 {
    letter-spacing: 2px;
    font-weight: 800!important;
    text-transform: uppercase 
}
.card-text .icono{
    display: flex;
    width: 70%;
    justify-content: space-evenly;
    align-items: center;
    margin: 1rem auto;
}
.card-text .fa-ul > li {
    text-align: left;
    padding: 0.5rem 0 0 2rem;
}
.card .book-btn{
    background: var(--second-color);
    padding: 1rem;
    display: block;
    border-radius: 20px;
    color: var(--theme-color);
    font-weight: 900;
    font-size: 1.2rem;
    letter-spacing: 3px;
}
.card .card-list{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 1.5rem auto !important;
}
.card .card-list li{
    width: 20vw;
    font-size: .8rem;
    font-weight: 200;
}
.card .card-list i{
    font-size: 1.1rem;
}
.modal-content {
    background-color: var(--modal-fondo)!important;
    border: 4px solid var(--modal-border)!important 
}
.modal-footer {
    border-top: var(--footer-modal-border)!important 
}
.modal-footer i:hover {
    color: var(--modal-btn-cerrar-icono-hover) 
}
.modal-footer .btn-secondary:hover {
    background-color: var(--modal-btn-cerrar-background-hover)!important;
    border-color: var(--modal-btn-cerrar-background-hover)!important 
}
.modal-header {
    border-bottom: none!important 
}
.modal-title {
    text-transform: uppercase 
}
h5.modal-title {
    font-size: 5vw 
}
.modal-backdrop {
    background-color: var(--modal-fade)!important 
}
.modal-nuevo {
    background-color: var(--modal-fondo-nuevo)!important;
    color: var(--modal-color-nuevo)!important 
}
.modal-nuevo h5 {
    color: var(--modal-color-nuevo)!important 
}
.modal-nuevo h1 {
    color: var(--modal-color-nuevo)!important 
}
.modal-nuevo td {
    color: var(--modal-color-nuevo)!important 
}
.modal-nuevo p {
    color: var(--modal-color-nuevo)!important 
}
a.close-nuevo {
    color: var(--modal-color-nuevo)!important 
}
.mensaje-toast {
    border: none!important;
    box-shadow: none;
    background: var(--second-color);
    width: 100%;
    padding: 1rem;
    color: var(--theme-color);
    margin-top: 0.5rem auto 1rem;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
}
.toast-header {
    border-radius: 20px 20px 0 0!important;
    background-color: var(--toast-fondo)!important;
    color: var(--toast-color)!important;
    font-size: 2.7vh 
}
.guardarcontacto {
    padding: 2rem!important;
    border-radius: 0 0 20px 20px!important;
    background-color: var(--toast-fondo)!important;
    color: var(--toast-color)!important;
    text-align: center;
    font-size: 2.7vh 
}
.guardarcontacto a {
    background-color: var(--focus-color);
    padding: .5rem;
    border-radius: 20px;
    color: #fff!important 
}
.guardar-contacto-contenedor {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.link-modal {
    margin: 2rem auto 
}
.guardarcontacto a:hover {
    opacity: .6!important;
    color: #fff!important 
}
.toast-body button {
    position: relative;
    left: 50% 
}

iframe.iframe-app {
    height: 100%!important;
}
.settings-ubicacion {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-around;
    align-items: center 
}
.settings-ubicacion a {
    padding-left: 1.2rem 
}
.ubicacion-texto {
    margin-bottom: 1rem 
}
.link-ubicacion-share {
    display: flex;
    flex-direction: column;
    align-items: center 
}
.ubicacion-texto {
    color: var(--texto-color)!important 
}
a.link-ubicacion-share {
    color: var(--ubicacion-share-color)!important;
    background-color: var(--ubicacion-share-fondo);
    border-radius: 50px;
    padding: .3rem .7rem 
}
a.link-ubicacion-share:hover {
    background-color: var(--focus-color) 
}
.link-ubicacion-share small {
    font-size: 1.8vh 
}

form{
    max-width: 600px;
    margin: auto;
}
#form-ws {
    padding: 0 .3rem 
}
#form-div {
    padding: 1.5rem;
    margin-bottom: 45px 
}
.form-header {
    padding: 20px 
}
.form-header h1, .form-header h2, .form-header h3, .form-header h4, .form-header h5, .form-header h6 {
    padding: 10px 
}
.column {
    margin: .5rem 0 .5rem 0 
}
.form-formulario {
    padding: 1rem .5rem 60px .5rem!important 
}
.d-block-facturacion {
    display: block!important;
    border-radius: 20px;
    background-color: rgba(250, 250, 250, .5);
    width: 100% 
}
label {
    color: var(--second-color);
    text-align: center;
    color: var(--label-color);
    margin: 1rem 0 0 0;
    font-size: 1.1em 
}
input {
    max-width: 600px;
}
input[type=file]::file-selector-button {
    border: 2px solid var(--input-file-border);
    padding: .2em .4em;
    border-radius: .2em;
    background-color: transparent;
    transition: 1s;
    border-radius: 20px 
}
input[type=file]::file-selector-button:hover {
    background-color: var(--input-file-fondo-hover);
    border: 2px solid var(--input-file-border-hover);
    color: var(--input-file-color) 
}
input[type=date], input[type=email], input[type=number], input[type=tel], input[type=password], input[type=text], input[type=time], input[type=url], input[type=file], select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: var(--form-fondo-input);
    border-radius: .35em;
    border: solid 2px transparent;
    color: var(--form-texto-input);
    display: block;
    outline: 0;
    padding: .75em 0;
    text-decoration: none;
    width: 100%;
    margin: 0 auto 0;
    font-weight: 400 
}
input[type=date]:invalid, input[type=email]:invalid, input[type=tel]:invalid, input[type=number]:invalid, input[type=password]:invalid, input[type=text]:invalid, input[type=url]:invalid, input[type=time]:invalid, input[type=file]:invalid, select:invalid, textarea:invalid {
    box-shadow: none 
}
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=text]:focus, input[type=url]:focus, input[type=time]:focus, input[type=file]:focus, select:focus, textarea:focus {
    border-color: var(--form-focus) 
}
input[type=date]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    border-radius: 4px;
    margin-right: 2px;
    opacity: .8;
    filter: invert(.7) 
}
input[type=date]::-webkit-calendar-picker-indicator:hover {
    opacity: 1 
}
input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield 
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none 
}
[type=submit] {
    margin: 1rem auto!important 
}
.number-input {
    display: inline-flex 
}
.number-input, .number-input * {
    box-sizing: border-box 
}
.number-input button {
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    margin: 0;
    position: relative;
    opacity: .8;
    filter: invert(.7) 
}
.number-input button:hover {
    opacity: 1 
}
.number-input button:after, .number-input button:before {
    display: inline-block;
    position: absolute;
    content: '';
    width: 1rem;
    height: 2px;
    background-color: #212121;
    transform: translate(-50%, -50%) 
}
.number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg) 
}
.number-input input[type=number] {
    text-align: center 
}
select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23dfdfdf' /%3E%3C/svg%3E");
    background-size: 1.25rem;
    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) center;
    text-overflow: ellipsis 
}
select option {
    color: var(--form-texto-input);
    background: 0 0 
}
select:focus::-ms-value {
    background-color: transparent 
}
select::-ms-expand {
    display: none 
}
select[multiple] option {
    padding-top: .7rem;
    padding-left: .7rem 
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=text], input[type=time], input[type=url], input[type=file], select {
    padding-left: .2rem 
}
.meromero {
    width: 100%;
    background: var(--form-fondo-input);
    height: 50px;
    position: center;
    margin-top: 15px;
    color: var(--form-texto-input);
    border: 1px solid transparent 
}
textarea {
    border-radius: 10px;
    margin-top: 15px;
    width: 100%;
    color: var(--form-texto-input);
    background: var(--form-fondo-input);
    border: 1px solid transparent;
    font-size: 18px;
    padding-left: .2rem 
}
input[type=checkbox], input[type=radio] {
    appearance: none;
    background-color: var(--form-fondo-input);
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border-radius: 50%;
    transform: translateY(-0.075em);
    border: 0.15em solid var(--form-fondo-input);
}
input[type=checkbox]:checked, input[type=radio]:checked {
    background: var(--form-check-fondo);
    border-color: var(--form-check-border);
    color: var(--form-check);
    content: '\f00c' 
}
input[type=checkbox]:focus input[type=radio]:focus {
    border-color: var(--form-focus);
    background: var(--check-fondo-focus);
    color: var(--form-focus) 
}
input[type=checkbox] {
    border-radius: .35em 
}
input[type=radio] {
    border-radius: 100% 
}
::-webkit-input-placeholder {
    color: var(--form-texto-input)!important;
    opacity: 1;
    padding-left: 5px;
}
:-moz-placeholder {
    color: var(--form-texto-input)!important;
    opacity: 1;
    padding-left: 20px;
}
::-moz-placeholder {
    color: var(--form-texto-input)!important;
    opacity: 1;
    padding-left: 20px;
}
:-ms-input-placeholder {
    color: var(--form-texto-input)!important;
    opacity: 1;
    padding-left: 20px;
}
.lista-servicios {
    padding: 20px 
}
#iframe-border {
    border-radius: 5px 
}
a.ubicacion-link {
    color: var(--texto-color)!important 
}
a.ubicacion-link:hover {
    color: var(--a-hover)!important 
}
.multi-ubicaciones {
    margin: 5rem auto 
}
.wifi-container h6 {
    margin-bottom: 1rem;
    opacity: .7 
}
.wifi-info h6 {
    opacity: .5 
}
.wifi-info i {
    color: var(--second-color);
    position: absolute;
    right: 15%;
    opacity: .7 
}
#qr-img img {
    border-radius: 5px 
}
#js-canvas {
    border-radius: 5px 
}
#cupon-img {
    border-radius: 5px 
}
.div-lealtad {
    margin-top: 3rem 
}
#game {
    font-size: 12px!important 
}
.nosotros-contacto {
    padding: 30px 
}
.boton-top-top {
    position: fixed;
    bottom: 80px;
    right: 3% 
}
.boton-top-top a {
    background: var(--btn-top-fondo);
    color: var(--btn-top-color);
    border-radius: 100px;
    font-size: 1.5rem;
    box-shadow: var(--shadow-boton)!important;
    width: 50px;
    height: 50px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.boton-top-top a:hover {
    background: var(--btn-top-fondo);
    color: var(--btn-top-color-hover) !important;
    box-shadow: var(--shadow-boton)!important 
}
.miboton {
    width: 100%;
    max-width: 400px;
    margin: 10px auto;
    text-align: center;
    display: block;
    padding: 1em;
    border-radius: var(--radius-border)!important;
    border: solid 4px var(--border-boton)!important;
    font-weight: 900;
    font-size: 1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--boton-texto)!important;
    box-sizing: border-box;
    background: var(--fondo-boton);
    background: var(--fondo-boton-g);
    box-shadow: var(--shadow-boton)!important 
}
.miboton:hover {
    background: var(--fondo-boton-hover);
    background: var(--fondo-boton-g-hover);
    color: var(--boton-texto-hover)!important;
    border: solid 4px var(--border-boton-hover)!important;
    box-shadow: var(--shadow-boton-hover)!important 
}
.miboton-ordenm {
    width: 85%;
    margin: 10px 0 30px 0;
    text-align: center;
    display: block;
    padding: .5rem;
    border-radius: 50px;
    border: 0;
    letter-spacing: 3px;
    font-weight: 800;
    color: var(--boton-ordenm-texto);
    box-sizing: border-box;
    background: var(--boton-ordenm-fondo);
    font-size: 3vh 
}
.miboton-ordenm-cerrados {
    width: 85%;
    margin: 10px 0 30px 0;
    text-align: center;
    display: block;
    padding: .5rem;
    border-radius: 10px;
    border: 0;
    letter-spacing: 3px;
    font-weight: 800;
    color: var(--boton-ordenm-texto);
    box-sizing: border-box;
    background: var(--boton-ordenm-fondo);
    font-size: 2.5vh 
}
.miboton-ordenm:hover {
    color: var(--boton-ordenm-texto)!important 
}
.botones {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    display: block;
    border: 0;
    font-weight: 400;
    color: var(--btn-atras-home-color);
    box-sizing: border-box;
    background: var(--btn-atras-home-fondo);
}
.adminbotones {
    width: 100%;
    z-index: 3;
    border-radius: 50px;
}
.adminbotones ul {
    list-style-type: none;
    padding: 0!important 
}
.adminbotones li {
    float: left;
    width: 50% 
}
.adminbotones i {
    color: var(--btn-atras-home-color) 
}
.adminbotones i:hover {
    color: var(--btn-atras-home-color-hover)!important 
}
.adminbotones a {
    color: var(--btn-atras-home-color) 
}
.adminbotones a:hover {
    color: var(--btn-atras-home-color-hover)!important;
    font-family: arial;
    text-decoration: none 
}
.adminbotones a:visited {
    color: var(--btn-atras-home-color);
    text-decoration: none 
}
.adminbotones a:focus {
    color: var(--btn-atras-home-hover-hover);
    text-decoration: none 
}
.adminbotones a:hover>i {
    color: var(--a-hover)!important 
}
.adminbotones a:active>i {
    color: var(--a-hover)!important 
}
.adminbotones .botones{
    padding: .5rem;
}
.big {
    margin-top: 2rem;
    margin-bottom: 2rem 
}
.big-boton {
    border-radius: var(--radius-border-botonbg);
    border: 3px solid var(--border-boton-bg);
    color: var(--texto-boton-bg)!important;
    background: var(--fondo-boton-bg);
    width: var(--width-boton-bg);
    box-shadow: var(--shadow-boton-bg)!important;
    color: var(--texto-boton-bg)!important;
    font-weight: 800;
    font-size: 3vh;
    text-transform: uppercase;
    max-width: 400px;
}
.doble {
    margin: .5rem!important;
}
.big-boton:hover {
    border: 3px solid var(--border-boton-bg-hover);
    color: var(--texto-boton-bg-hover)!important;
    background: var(--fondo-boton-bg-hover);
    box-shadow: var(--shadow-boton-hover-bg)!important 
}
.big-boton a {
    color: var(--texto-boton-bg)!important;
    font-weight: 400;
    font-size: 1rem;
    text-transform: uppercase;
    width: auto;
    margin: 0!important;
    text-align: center;
    padding: .8rem !important;
    letter-spacing: .5px; 
    display: block; 
}
.big-boton-slide{
    padding: var(--padding-boton-bg);
    border-radius: var(--radius-border-botonbg) !important;
    border: 3px solid var(--border-boton-bg);
    color: var(--texto-boton-bg)!important;
    background: var(--fondo-boton-bg);
    width: var(--width-boton-bg);
    box-shadow: var(--shadow-boton-bg)!important;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin: 1rem auto;
   /* display: block;
    */
    max-width: 320px;
}
.big-boton a:hover {
    color: var(--texto-boton-bg-hover)!important 
}
.rem5 {
    margin-top: 3.5rem!important 
}
.bg-funcion {
    margin-top: 1rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center 
}
.bg-funcion-menu {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center 
}
.bg-boton-menu {
    text-align: center;
    padding: 1rem 1rem;
    font-weight: 800;
    font-size: 3vh;
    letter-spacing: 4px;
    text-transform: uppercase 
}
.bg-boton-menu a {
    text-align: center;
    color: var(--texto-boton-bg)!important;
    font-weight: 800;
    font-size: 3vh;
    letter-spacing: 4px;
    text-transform: uppercase;
    border-radius: var(--radius-border-botonbg);
    color: var(--texto-boton-bg)!important;
    background-color: var(--footer-menu) 
}
#nav2 {
    border-top: 3px solid var(--border-nav-inferior);
    background-color: var(--nav-inferior);
    background-color: var(--nav-inferior-g);
    display: flex;
    justify-content: space-around;
    text-decoration: none;
    padding: 10px 0 8px 0;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important 
}
#nav2 a {
    color: var(--nav-inferior-color)!important;
    width: 20%;
    text-align: center 
}
#nav2 i {
    color: var(--nav-inferior-color)!important;
    line-height: 1em!important;
    vertical-align: -.0667em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#nav2 a:hover {
    color: var(--nav-inferior-color-hover)!important 
}
#nav2 i:hover {
    color: var(--nav-inferior-color-hover)!important 
}
.barrainferior {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4 
}
.icon {
    text-decoration: none;
    position: relative;
    border-bottom: none;
    font-size: 3vh;
    line-height: 1em!important;
    vertical-align: -.0667em 
}
.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none!important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400 
}
.icon>.info-icono {
    text-transform: uppercase;
    font-size: .7rem; 
}
.info-icono {
    text-transform: uppercase!important;
    color: #f3efe6!important ;
}
.icon:before {
    line-height: inherit 
}
.icon.solid:before {
    font-weight: 900 
}
.icon.brands:before {
    font-family: 'Font Awesome 5 Brands' 
}
.barrainferior h3 {
    display: block;
    font-size: 1.17em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: 700;
    margin-top: 0!important 
}
.share {
    display: flex;
    justify-content: space-around;
    text-decoration: none;
    margin-top: .75rem 
}
.share h6 {
    font-size: .67em!important;
    margin-top: .5rem;
    color: var(--share-icono)!important 
}
.share-icon {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.circle {
    position: relative;
    width: 3.125rem;
    height: 3.125rem;
    line-height: 3.125rem!important;
    border-radius: 100%!important;
    overflow: hidden;
    padding: 0;
    letter-spacing: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    background-color: transparent;
    border: 0;
    background: var(--share-icono-fondo);
    color: var(--share-icono)!important;
    cursor: pointer;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 1.25rem 
}
.brands {
    font-family: 'Font Awesome 5 Brands'!important 
}
h5.compartir {
    font-weight: 400!important;
    color: var(--share-icono)!important 
}
#nav-menu {
    background: var(--fondo-nav-menu);
    padding: 1rem;
}
.content-menu {
    margin: 10px 
}
.menu-card {
    background-color: transparent!important;
    margin-top: 50px!important 
}
.table-menu {
    margin-top: 50px!important;
    color: var(--tabla-menu-color)!important;
    vertical-align: top;
    border-color: #dee2e6 
}
.table {
    color: var(--tabla-menu-color)!important 
}
.slideinfo-img-div {
    height: fit-content;
    border-radius: 5px 
}
.menu-card img {
    border-radius: 5px;
    filter: brightness(.9) contrast(1.2);
    margin: 0!important;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) 
}
.list-group-item {
    color: var(--texto-listas)!important;
    background-color: transparent!important 
}
.content-menu i {
    color: var(--iconos-menu-content)!important;
    font-size: smaller;
    padding-left: .5rem;
    position: relative;
    bottom: .1rem 
}
.menu-body h1 {
    text-align: left 
}
.menu-body tbody {
    border-color: inherit;
    border-style: dotted;
    border-width: 0 0 4px 0 
}
.menu-body td {
    text-align: right 
}
.opciones-menu {
    margin-bottom: 0!important 
}
.opciones-menu tbody {
    border: none!important 
}
.opciones-menu td {
    border: none!important;
    text-align: right 
}
.opciones-menu tfoot {
    border: none!important 
}
.opciones-menu th {
    border: none!important 
}
.opciones-menu thead {
    border: none!important 
}
.opciones-menu tr {
    border: none!important 
}
.iconos-menu {
    padding: 10px 
}
.iconos-menu i {
    padding: 0 7px 0 7px 
}
.table>:not(caption)>*>* {
    background-color: transparent!important 
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: rgba(250, 250, 250, 0.2)!important 
}
.flickity-slider small {
    font-size: .6em!important 
}
.select-nav a {
    color: var(--color-nav3)!important;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700 
}
.select-nav a:hover {
    color: var(--color-nav3-hover)!important 
}
.menu-select {
    text-align: center;
    width: 100%;
    background: var(--select-menu-fondo);
    border-radius: 10px;
    height: 50px;
    color: var(--select-menu-texto);
    border: 1px solid transparent;
    font-size: 2.5vh;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase 
}
select.menu-select {
    padding: 0!important;
    text-align: -webkit-center!important;
    text-align: -moz-center!important 
}
.select-holder input {
    text-align: center;
    width: 100%;
    pointer-events: none;
    background: var(--select-menu-fondo);
    border-radius: 10px;
    height: 50px;
    color: var(--select-menu-texto);
    border: 1px solid transparent;
    font-size: 2.5vh;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: auto!important 
}
.select-holder {
    position: relative 
}
.select-holder select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0 
}
.select-holder input {
    text-align: center;
    width: 100%;
    pointer-events: none 
}
.select-holder span {
    position: absolute;
    top: 33%;
    right: 20%;
    pointer-events: none;
    color: var(--select-menu-texto) 
}
.tab-titulo h1 {
    margin-bottom: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 800 !important;
    font-size: 2rem;
}
.tab-titulo {
    padding: 15px;
    margin: 0 10px 0 10px 
}
.header-dinamico {
    transition: transform .3s ease 
}
.slide-top {
    transform: translateY(-100%) 
}
.headroom--top{
    transform: translateY(-100%) !important 
}
.slideDown {
    transform: translateY(0) 
}
.slideUp {
    transform: translateY(-100%) 
}
/*.headroom--top{
    transform: translateY(-100%) 
}
*/
.slide--reset {
    transform: translateY(0) 
}
.slide--down {
    transform: translateY(100%) 
}
.slide-up {
    transform: translateY(-100%);
}
.compartir_cupon {
    height: 50px 
}
.compartir_cupon ul {
    list-style-type: none 
}
.compartir_cupon li {
    float: left;
    width: 50% 
}
.compartir_cupon_boton {
    width: 95%;
    padding: 10%;
    text-align: center;
    border-radius: 50px;
    border: 0;
    font-weight: 700;
    color: #fff;
    box-sizing: border-box;
    font-weight: 600;
    margin: 5px auto;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase 
}
.compartir_cupon_boton:hover {
    box-shadow: none 
}
#botones_menu_principal {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly 
}
#botones_menu_principal img {
    width: 26.664vw;
    height: 26.664vw;
    background: #000;
    border-radius: 10% 
}
.offline-status{
    text-align: center;
    padding: 1rem;
    font-weight: 600;
    background: rgba(250,250,250,.7);
    border-radius: 0 0 10px 10px;
}
.agenda {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    height: 90vh;
    width: 100%;
    justify-content: center 
}
.contacto ul {
    margin-bottom: 0 
}
.fa-ul {
    margin-left: 2.5em!important 
}
.fa-lg {
    line-height: 1em!important 
}
.id-contacto {
    margin: 1rem;
    text-align: center 
}
.id-contacto img {
    max-width: 100% 
}
.burbuja-contacto {
    width: 90%;
    margin: 20px auto;
    text-align: center;
    padding: 20px 20px 20px 20px;
    border-radius: 30px;
    border: 0;
    font-weight: 400;
    color: var(--contacto-color);
    box-sizing: border-box;
    background-color: var(--contacto-fondo) 
}
.burbuja-contacto h3 {
    font-size: 4vw!important;
    margin-bottom: 0!important;
    line-height: inherit!important 
}
.border_boton {
    box-shadow: var(--contacto-shadow) 
}
.border_boton:hover {
    box-shadow: var(--contacto-shadow-hover)!important 
}
.submenu-contactos li {
    box-shadow: var(--contacto-shadow);
    background-color: var(--contacto-fondo) 
}
.submenu-contactos p {
    margin-top: 0!important 
}
.contacto-nombre {
    background-color: var(--contacto-fondo);
    box-shadow: var(--contacto-shadow);
    margin: 1rem;
    padding: 1rem;
    border-radius: 10px;
    margin-top: 3rem;
    text-transform: uppercase 
}
.contacto-nombre p {
    color: var(--contacto-color);
    font-size: 2.5vh!important;
    font-weight: 600!important;
    margin-bottom: 0!important 
}
.contacto .fa-ul>li {
    font-size: 2.5vh 
}
.contacto-font-correo {
    font-size: 2.5vh!important 
}
#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--overlay-color);
    z-index: 2;
    cursor: pointer 
}
#overlay i {
    padding-left: .6rem;
    padding-right: .6rem 
}
#text {
    position: absolute;
    top: 20%;
    left: 18%;
    font-size: 5vw;
    color: #fff!important;
    transform: translate(-11%, -20%);
    -ms-transform: translate(-11%, -20%) 
}
#text h3 {
    color: #fff!important 
}
.header-overlay {
    text-align: center;
    margin: 1rem;
    padding-top: 1rem 
}
.header-overlay i {
    padding-left: 0!important 
}
.info-overlay {
    padding: 1rem 0 0 1.5rem 
}
.info-overlay li {
    margin-top: .75rem 
}
.footer-overlay {
    text-align: right;
    margin-top: 2rem 
}
footer {
    padding: 10px 0 0 0;
    margin: 0;
}
.footer-absolute {
    position: sticky;
    top: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.redes {
    margin: 3rem auto;
    width: 90%;
}
#titulo-redes{
    width: 100%;
}
i.redes-iconos {
    font-size: 6vh;
    color: var(--iconos-redes)!important 
}
.redes .index-icono {
    width: 25% !important;
}
.redes .index-icono a {
    height: 25% !important;
}
.contador {
    margin-top: 3rem 
}
.smartlink {
    margin-bottom: 2rem;
    text-align: center;
}
.smartlink p {
    font-size: 1.5vh;
    color: var(--second-color);
    font-weight: 400;
    opacity: .6;
    margin-top: 1rem 
}
.smartlink svg {
    width: 120px 
}
.smartlink .cls-1 {
    fill: var(--smartlink-puntos)!important 
}
.smartlink polygon {
    fill: var(--smartlink-firma) 
}
.smartlink path {
    fill: var(--smartlink-firma) 
}
.smartlink rect {
    fill: var(--smartlink-firma) 
}
.click-smartlink{
    width: fit-content;
    margin: auto;
}
.nombre-pie {
    margin: 2.25rem 0 0 0;
    color: var(--firma-color)!important 
}
.nombre-pie h3 {
    color: var(--firma-color)!important;
    font-size: 2.3vh 
}
.nombre-pie b {
    color: var(--firma-color)!important; 
    font-weight: 400;
}
.aviso_privacidad {
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-around;
    text-transform: uppercase;
    padding-bottom: 2.5rem;
    font-size: .75rem;
    flex-direction: column;
    align-items: center 
}
.aviso_privacidad a {
    color: var(--aviso_terminos_color)!important;
    opacity: .7;
    background: var(--aviso_terminos_fondo) 
}
.aviso-parrafo a {
    color: var(--text-color)!important;
    font-weight: 500!important;
    text-decoration: underline!important 
}
ul.aviso-credito-list {
    list-style: circle!important 
}
.aviso-credito-list li {
    margin: .2rem 1rem!important 
}
.aviso-parrafos p{
    text-align: justify;
}
.index-botones {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    text-align: center;
    justify-content: center 
}
.contacto ul {
    margin-bottom: 0 
}
.contacto a {
    font-size: 4vw 
}
.contacto i {
    background: var(--icono-color-contacto);
    background: var(--icono-color-contacto-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent 
}
.contacto .fa-lg {
    line-height: 1em!important 
}
.offcanvas-contacto {
    height: 100vh!important 
}
.offcanvas-contacto .offcanvas-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between 
}
.offcanvas-center {
    height: 100vh!important 
}
.offcanvas-center .offcanvas-body {
    display: flex;
    flex-direction: column;
    justify-content: center 
}
.offcanvas-fitcontent {
    height: fit-content!important 
}
.offcanvas-fitcontent .offcanvas-body {
    padding-bottom: 3rem!important 
}
.canvas-info{
    display: flex;
    flex-direction: column;
    justify-content: space-around !important;
}
.contactos-evento {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    align-content: space-around;
    margin: 2.5rem 0 
}
.contactos-evento a {
    border-radius: 20px;
    padding: 1rem;
    background: var(--fondo-boton);
    box-shadow: var(--shadow-boton)!important;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--boton-texto) 
}
.contacto-eventro a:hover {
    box-shadow: var(--shadow-boton-hover)!important 
}
.contactos-evento i {
    padding-right: .4rem 
}
.modulo-accordeon {
    padding: .5rem 
}
.modulo-accordeon .accordion-body {
    padding: .5rem;
    font-size: 1.2rem 
}
.modulo-accordeon p {
    padding: .5rem .3rem 
}
.accordion-body {
    padding: 1rem 0!important 
}
.accordion-body .accordion-text {
    text-align: justify;
    padding: 0.5rem 1rem;
    width: 100%;
}
.accordion-item {
    background-color: transparent!important;
    border: none!important 
}
.accordion-button {
    background-color: var(--fondo-acordion)!important;
    border-radius: 10px!important;
    margin-top: 1rem;
    font-weight: 400!important;
    text-transform: uppercase;
    color: var(--color-acordion)!important 
}
.accordion-button i {
    margin-right: .7rem 
}
.accordion-button:focus {
    border-color: var(--focus-color)!important;
    box-shadow: var(--shadow-acordion)!important 
}
.accordion-button:not(.collapsed) {
    color: var(--color-texto-hover-acordion)!important;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) 
}
.accordion-text h6{
    text-align: left;
}
i.icon-dark {
    display: var(--icon-dark) 
}
.accordion-button::after {
    background-color: var(--color-acordion);
    background-image: none!important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z'/%3E%3C/svg%3E")!important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z'/%3E%3C/svg%3E")!important;
    -webkit-mask-repeat: no-repeat 
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z'/%3E%3C/svg%3E")!important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z'/%3E%3C/svg%3E")!important;
    transform: rotate(-180deg);
    -webkit-mask-repeat: no-repeat 
}
.modulo-accordion-body {
    padding: 2rem 1rem!important 
}
.modulo-accordion-body h6 {
    text-align: left!important 
}
ul.accordion-list {
    list-style: circle!important 
}
.accordion-list li {
    margin: 1rem!important 
}
.alert-dark {
    color: var(--color-alerta)!important;
    background-color: var(--fondo-alerta)!important;
    border-color: var(--border-alerta)!important 
}
.alert-dismissible {
    padding-right: 1rem;
}
.alert {
    margin: 1rem;
}
.calificanos-modulos {
    display: flex;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-around;
    align-items: center;
    font-size: 5vh;
    padding: .7rem 0 
}
.calificanos-modulos a {
    color: var( --color-iconos-calificanos)!important;
    text-align: center 
}
.calificanos-modulos a:hover {
    color: var(--color-icono-calificanos-hover)!important 
}
.calificanos-modulos p {
    font-size: 1.5vh;
    color: var(--calificanos-texto)!important 
}
.review-texto {
    padding-bottom: 1rem 
}
.review-texto-links {
    padding-top: .5rem 
}
.review-texto h6 {
    font-size: 1.7vh;
    color: var(--calificanos-texto)!important 
}
.review-texto-links h6 {
    font-size: 1.7vh;
    color: var(--calificanos-texto)!important 
}
hr.review-hr {
    color: var(--calificanos-texto)!important 
}
.header-modulo {
    font-size: 7vw;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
    text-align: center;
    margin: 1rem auto 3rem;
}
.text-modulo {
    padding: 1rem;
    font-weight: 500;
    text-align: center 
}
p.padding-parrafo {
    padding: 3rem 2rem 
}
img.logo-header-index {
    width: var(--logo-header-index) 
}
.qr-div {
    margin: 2rem auto 
}
.qr-div img {
    margin-bottom: 2rem 
}
.page_galeria .flickity-prev-next-button {
    width: 30px!important;
    height: 30px!important;
    display: none!important 
}
.page_galeria .caption {
    margin: 0;
    padding: 0 0 1rem 0;
    text-align: center;
    opacity: .7;
    text-transform: uppercase;
    font-size: 2vh 
}
.page_galeria .flickity-page-dots {
    bottom: -25px 
}
.page_galeria .flickity-page-dots .dot {
    background-color: #ff8d6d 
}
.page_galeria {
    margin: .5rem 0 
}
.lista-page {
    margin: 3rem 0!important 
}
.lista-page li {
    margin: .7rem 0 
}
.onesignal-customlink-container {
    min-height: 2em!important;
    margin: 2rem auto 1rem;
    text-align: center;
    font-family: var(--font-family) 
}
.mmmain {
    background: 0 0;
    height: auto;
    width: 95%;
    min-width: 100px;
    max-width: 1200px;
    margin: auto 
}
.menu-opcion-sin-foto {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin: 1rem .2rem 1rem .7rem 
}
.lista-menu{
    margin: .5rem 0.2rem !important;
    border-radius: 50px;
    background: var(--a-fondo-active-tab);
    padding: 2rem;
}
.lista-menu .menu-opcion-sin-foto-texto{
    width: 80%;
}
.lista-menu p{
    margin-bottom: 0!important;
}
.menu-opcion-sin-foto-titulo {
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-transform: uppercase;
}
.menu-opcion-sin-foto-descripcion {
    font-weight: 600;
    opacity: .7;
    max-width: 70vw 
}
.menu-sin-foto-bg {
    margin: 3rem 0 
}
.menu-opcion-bg {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin: 0 .5rem 
}
.menu-opcion-titulo-bg {
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
}
.menu-opcion-titulo-bg h4{
    text-align: left;
}
.menu-opcion-precio-bg{
    width: 30%;
    text-align: end;
}

.menu-opcion-descripcion-bg {
    font-weight: 400;
    opacity: .7;
    padding: .5rem;
    width: 100%;
}
.menu-horizontal .menu-opcion-descripcion-bg {
    width: 70%;
}
.menu-con-foto {
    margin: .5rem 0 
}
.menu-horizontal h1{
    font-size: 1.5rem !important;
    text-align: start !important;
}
.menu-horizontal .menu-tablet {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
}
.menu-horizontal .menu-img-div{
    width: 30vw;
    height: fit-content;
}
.menu-horizontal .menu-opcion-bg {
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    margin: 0 0.5rem;
    flex-direction: row;
    align-items: flex-start;
}
.menu-horizontal .menu-tablet .gallery img {
    transform: none;
}
.menu-titulo-pricipal {
    margin: 5rem auto 3rem 
}
.menu-descripcion-principal{
    padding: 0 1rem;
    text-align: center;
}
.menu-opcion-nota {
    font-weight: 600;
    padding: 2rem .2rem 0 .7rem;
    color: var(--focus-color) 
}
.tipo{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .2rem;
}
.name-tipo{
    font-size: .7rem;
    text-transform: uppercase;
    opacity: .7;
}
.categoria-tipo{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.lista-content-menu .menu-opcion-titulo-bg h4 {
    font-size: 1rem;
    margin-bottom: 0;
}
.lista-content-menu hr{
    display: none;
}
.lista-content-menu .menu-con-foto{
    padding: .5rem 0;
}
.lista-content-menu .menu-con-foto:nth-of-type(even){
    background-color: var(--a-fondo-active-tab);
}
.lista-content-menu p{
    margin-bottom: 0;
}
.lista-content-menu .menu-opcion-descripcion-bg {
    padding: 0 .5rem;
}
.lista-titulo-menu, .not-parent-cat{
    margin: .5rem 0;
}
.lista-titulo-menu .tab-titulo h1, .not-parent-cat h1{
    font-size: 1.5rem;
    text-align: left;
}
.lista-titulo-menu .tab-titulo, .not-parent-cat .tab-titulo{
    margin: 0;
}
.lista-titulo-menu .menu-descripcion-principal, .not-parent-cat .menu-descripcion-principal{
    text-align: left;
}
#barre {
    position: fixed;
    height: 6px;
    width: 0%;
    top: 0;
    background-color: var(--focus-color);
    z-index: 1000 
}
.fiscal-header{
    width: 100%;
    padding: 2rem 1rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.fiscal-header a{
    font-size: 1rem;
    font-weight: 700;
    border-radius: 100px;
    color: var(--theme-color) !important;
    background: var(--second-color);
    padding: 0.5rem;
    width: 45%;
    text-align: center;
}
.tabla-fiscal{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: .5rem 0;
    margin: 0.5rem auto;
}
.linea-fiscal{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 0.5rem 0;
    align-items: center;
    color:var(--texto-color);
}
.columna-fiscal-titulo{
    width: 25%;
    text-align: right;
    opacity: .7;
    font-size: .7rem !important;
    text-transform: uppercase;
    letter-spacing: -.5px;
}
.columna-fiscal{
    width: 50%;
    text-align: left;
    font-size: 1rem;
}
#titulo-fiscal{
    text-align: center;
    font-weight: 800;
    padding: 2rem;
    color: var(--second-color);
}
.tabla-fiscal .miboton{
    max-width: 300px;
}
.password-protection{
    text-align:center;
    margin-top: 2rem;
}
.password-protection h2{
    text-transform: uppercase;
}
.password-protection button{
    -webkit-appearance: none !important;
    border-radius: 20px;
    padding: 0.5rem;
    width: 40%;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: none;
    box-shadow: var(--lt-shadowDefault);
    background: var(--boton-menu-seccion);
}
#password{
    margin: auto;
}
form .buttons{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
}
form button[type=submit] {
    -webkit-appearance: none !important;
    border-radius: 20px;
    padding: 0.5rem;
    width: 50%;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: none;
    color: var(--modal-btn-cerrar-color)!important;
    background-color: var(--modal-btn-cerrar-fondo)!important;
    border-color: var(--modal-btn-cerrar-border)!important;
    margin: 1rem 0 !important;
    box-shadow: var(--lt-shadowDefault);
    max-width: 200px;
}
form button[type=reset] {
    -webkit-appearance: none !important;
    border-radius: 20px;
    padding: 0.5rem;
    width: 30%;
    font-size: 1rem;
    margin: 1rem .5rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: none;
    box-shadow: var(--lt-shadowDefault);
    background: var(--boton-menu-seccion);
    max-width: 170px;
}
#flex-objects{
    margin-top: 1rem;
}
#flex-objects button{
    -webkit-appearance: none !important;
    border-radius: 20px;
    padding: 0.5rem;
    width: 70%;
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    box-shadow: var(--lt-shadowDefault);
    background: var(--boton-menu-seccion);
}
#flex-objects .search {
    width: 100% !important;
}
.search-wrapper{
    text-align: center;
    margin: 2rem auto;
    width: 90vw;
}
.search-wrapper .search-input {
    width: 100% !important;
}
[class*="hidden"]{
    display: none;
}
.buscador-producto{
    width: 90%;
    margin: 2rem auto;
}
.alert-form{
    text-align: center;
    margin: 1rem auto;
}
.form-section{
    display: none;
}
.enviar-x-ws{
    text-align: center;
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.resumen-form{
    background: var(--third-color);
    padding: 1.5rem;
    border-radius: 10px;
    margin-top: .3rem;
}
.titulo-resumen-form{
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 1.2rem;
    font-size: .9rem;
}
.contenedor-resumen-form{
    max-width: 600px;
    margin: 2rem auto 0;
}
label[for=form-resultado]{
    display: none;
}
#form-resultado{
    display: none;
}
#rand-id{
    display: none;
}
label[for=rand-id]{
    display: none;
}
#form-continuar{
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.5rem;
}
/*ALERT MODAL*/
ol.instrucciones-lista, #ModalAlert ol {
    list-style: none;
    counter-reset: my-awesome-counter-2;
    padding: 1rem !important;
    background: var(--a-fondo-active-tab);
    border-radius: 20px;
    margin-top: 1.5rem !important;
}
ol.instrucciones-lista li, #ModalAlert li {
    counter-increment: my-awesome-counter-2;
    margin: 0.5rem 0.5rem 0;
    font-size: 1rem;
}
ol.instrucciones-lista li::before, #ModalAlert li::before {
    content: counter(my-awesome-counter-2);
    font-weight: 700;
    font-size: 1.5rem;
    margin-right: 1rem;
    line-height: 1;
    background: var(--lista-fondo);
    color: var(--lista-color);
    border-radius: 50px;
    padding: 0 0.5rem;
    font-family: Nunito, sans-serif!important;
}
#ModalAlert p{
    padding: 0.5rem;
    text-align: justify;
}
/*SHOP*/
.shop-cart{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
}
.controlador-suma{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100px;
    border-radius: 50px;
    background: var(--theme-color);
    padding: 0.2rem 0.5rem;
}
.shop-contenedor, .cart-item{
    background: rgba(250,250,250,.7);
    padding: 1rem;
    border-radius: 20px;
    margin-bottom: 0.5rem;
}
.shop-subtotal{
    text-align: right;
    font-weight: 700;
    margin-bottom: 0;
}
.shop-pay{
    -webkit-appearance: none;
    border: none;
    background: var(--second-color);
    border-radius: 10px;
    padding: 0.5rem;
    color: var(--theme-color);
    text-transform: uppercase;
    font-weight: 700;
}
.data-title{
    font-weight: 900;
}
.data-cantidad{
    font-weight: 700;
    margin: auto;
}
.data-sku{
    display: none;
}
.shop-title{
    font-weight: 400;
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin: 1.5rem 0 1.5rem;
}
.top-margin-img{
    margin: 8rem 0 1.5rem;
    text-align: right;
}
.shop-inner{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.shop-inner img{
    width: 30% ;
    margin-bottom: 0 !important;
}

.shop-btn-container{
    margin: 1rem auto 0.5rem;
}
#empty-cart-message{
    margin: 0 auto 5rem;
    text-align: center;
}
.add-to-cart{
    background: var(--add-to-cart-fondo);
    color: var(--theme-color) !important;
    padding: 0.7rem 1rem;
    font-weight: 700;
    border-radius: 10px !important;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 400px;
}
.add-to-cart:hover{
    background: var(--second-color);
    color: var(--theme-color) !important;
}
.carrito-lleno{
    position: absolute;
    right: 4%;
    top: 15%;
}
.carrito-lleno i{
    color: var(--focus-color) 
}
.shop-slide-title-container{
    margin-top: 1rem;
}
.shop-lista-detalles{
    display: flex;
    width: 80vw;
    justify-content: space-evenly;
    font-size: 1.5rem;
    margin: 1rem !important;
}
.shop-datos{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.shop-description{
    border-radius: 20px;
    padding: 10px;
    width: 100%;
    text-align: left;
    font-weight: 300;
}
.shop-lista-detalles li{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.shop-lista-detalles span{
    font-size: .9rem;
    font-weight: 200;
}
.shop-detalles-descripcion{
    padding: 1rem;
    text-align: center;
    font-size: 1.1rem;
}
.shop-btn-detalles-container{
    margin: 2rem .5rem 0;
    text-align: end;
}
.btn-detalles-img{
    position: absolute;
    left: -100px;
    width: 300px;
    top: 0;
    z-index: -1;
}
.pg-checkout{
    padding-top: 2rem;
}
.pg-checkout p{
    text-align: justify;
    padding: 0 1rem;
}
.pg-checkout h3{
    text-transform: uppercase;
    font-weight: 900 !important;
    margin-bottom: 2rem;
}
/*LAZY BACKGROUND*/
/*.lazy-background {
    background-image: ;
}
*/
footer.lazy-background.visible {
    background-image: var(--footer-img-svg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
/*LIGHTBOX-GALERIA*/
/*Galeria*/
.gallery{
    display: block;
   /*background: var(--focus-color);
   */
    padding: 0.2rem;
    text-align: center;
}
.gallery-vertical img{
    object-fit: cover;
    width: 100%;
    height: 20vh;
}
.hidden {
    display: none;
}
.nosel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.img-enlarged__cont {
    width: 95%;
    opacity: 0;
    font-family: Helvetica, sans-serif;
    cursor: zoom-out;
    background: var(--second-color);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 998;
    border-radius: 15px;
    box-shadow: var(--shadow-boton)!important;
    display: none;
}
.img-enlarged__cont.open {
    opacity: 1;
    height: 50vh;
    padding: 3rem 0.5rem;
    display: block;
    animation: fadeInZoomIn 0.5s forwards;
  }
  
.img-enlarged {
    max-width: 90%;
    max-height: 80%;
    display: block;
    margin: auto !important;
}
.img-enlarged-title{
    text-align: center;
    font-size: calc(1.275rem + .3vw);
    text-transform: lowercase;
    font-weight: 900;
    color: var(--theme-color);
}
.img-enlarged__nav.next::after {
    content: ">";
    font-size: 50px;
    font-family: monospace;
    color: #fff;
    position: absolute;
    right: 40%;
    top: 49%;
}
.img-enlarged__nav.prev::after {
    content: "<";
    font-size: 50px;
    font-family: monospace;
    color: #fff;
    position: absolute;
    left: 40%;
    top: 49%;
}
@keyframes fadeInZoomIn {
    0% {
      opacity: 0;
      transform: translate(-50%, 0);
  }
  50% {
    opacity: 1;
    }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
    }
  }
  
  @keyframes fadeOutZoomOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      height: 50vh;
    }
  }
.gallery img, .lightbox-item img{
    cursor: zoom-in;
}

.img-enlarged__nav {
    background: rgba(0,0,0,0.2);
    cursor: pointer;
    z-index: 999;
    text-align: center;
    height: 100%;
    width: 10%;
    vertical-align: middle;
    transition: 0.3s width, 0.2s background;
}
.img-enlarged__nav:hover {
    background: rgba(0,0,0,0.8);
    width: 11%;
    transition: 0.3s width, 0.2s background;
}
.img-enlarged__nav:active {
    width: 12%;
    transition: 0.1s width;
}
.img-enlarged__nav span {
    font-size: 25px;
    color: var(--theme-color);
    height: 20px;
    display: inline-block;
}
.img-enlarged__nav.prev {
    position: absolute;
    top: 0;
    left: 0;
}
.img-enlarged__nav.next {
    position: absolute;
    top: 0;
    right: 0;
}
.img-enlarged__counter {
    background: #f9f5f117;
    color: var(--theme-color);
    font-family: monospace;
    text-align: center;
    font-size: 15px;
    padding: 4px 15px;
    border-radius: 50px;
    margin: auto !important;
    display: block;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    font-size: 1.5rem;
    bottom: 0;
    transform: translate(-50%, -50%);
}
/*TITULO BUSCADOS*/
.show_ .titulo-buscador{
    display: inline-block !important;
    margin-top: 1rem;
    margin-bottom: -1rem;
    margin-left: 0.5rem;
}
.show .menu-opcion-descripcion-bg {
    padding-top: 0rem !important;
}
.menu-sin-foto-bg.show_ .titulo-buscador {
    margin-left: 0rem;
    margin-bottom: .2rem;
}
.menu-sin-foto-bg.show_ span {
    margin-bottom: 0rem;
}
.titulo-buscador{
    display: none;
}
.titulo-buscador span{
    font-size: .8rem;
    opacity: .4;
    width: fit-content;
    text-transform: uppercase;
    font-family: "myriad-pro", sans-serif;
    border-bottom: solid;
    margin-bottom: -1rem;
}
/*MENU TABLA*/
.bebidas-titulo{
    font-size: 1.2rem;
    text-transform: uppercase;
    color: var(--second-color);
    font-weight: 800;
}
.col-otro{
    width: 15vw;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    color: unset;
    border-bottom-width: 0;
}
.table>:not(caption)>*>*{
    border-bottom-width: 0;
}
.table-menu .cant{
    font-style: italic;
    font-size: .9rem;
    opacity: .8;
}
.table-menu td span{
    color: var(--second-color);
}
.preloader .cls-1 {
    fill: var(--loader-logo) !important;
}
.table-menu thead{
    position: sticky;
    top: 0;
    background: var(--bebidas-thead);
    vertical-align: unset;
    z-index: 1;
    background: var(--theme-color);
}
.table-menu .desc{
    opacity: .8;
    font-size: .9rem;
}
.table-menu .col-bebida{
    width: 20vw;
}
/*SEARCH*/
.search-item{
    margin: 0;
    background: var(--a-fondo-active-tab);
    border-radius: 15px;
    padding: 2rem;
    align-items: center;
    width: 100%;
}
.search-item p{
    margin: 0 !important;
    padding: 0 !important;
}
.search-row{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    margin-top: 2rem;
}
.search-title{
    text-transform: uppercase;
}
.search-image{
    width: 30vw;
    padding: .5rem;
    display: none;
}
.simplesearch{
    margin: 2rem auto 100px;
}
.search-title a{
    color: var(--texto-encabezados) !important;
}
.search-date {
    display: none;
}
/*SECTION CONTACTO*/
.section-contacto{
    background: var(--a-fondo-active-tab);
    width: initial;
    margin: 20px 10px;
    border-radius: 20px;
    padding: 2rem;
}
.section-contacto a{
    display: block;
}
.section-contacto-titulo{
    text-align: center;
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--second-color);
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}
.section-contacto-texto{
    text-align: center;
}
.section-contacto a{
    color: var(--texto-boton-bg) !important;
    font-weight: 800;
    font-size: 4vw;
    text-transform: uppercase;
    text-align: left;
    border-radius: var(--radius-border-botonbg);
    border: 3px solid var(--border-boton-bg);
    background: var(--fondo-boton-bg);
    box-shadow: var(--shadow-boton-bg)!important;
    padding: .8rem;
    margin: 1rem auto;
}
.section-contacto .correo-contacto{
    text-transform: lowercase;
    font-size: 3.8vw;
}
.section-contacto i{
    width: 17vw;
    text-align: center;
}
.tabla-contenedor-menu {
    margin-top: 80px;
    margin-bottom: 80px;
    max-width: 1000px;
    width: 100%;
    margin: auto;
}
.nav-pc {
    display: none;
}
/*COMENTARIOS*/
.comments-info{
    font-size: .8rem;
    opacity: .8;
}
.comments-contenedor{
    padding: 1rem;
    background: var(--a-fondo-active-tab);
    border-radius: 20px;
    margin: .5rem;
}
.comments-table{
    width: 100%;
}
.comments-form{
    margin: 0.5rem;
}
.comments-form .inline{
    display: none;
}
.comments-btn{
    width: 100% !important;
    max-width: 100vw !important;
}
/*MODAL DESCRIPCIONES MENU*/
.menu-opcion-descripcion-bg a, .menu-opcion-sin-foto-descripcion a{
    text-decoration: underline !important;
}
.modal-content-index{
    background: var(--second-color);
    color: var(--theme-color);
    padding: 1.5rem 0.5rem 1rem;
    text-align: center;
    border-radius: 0 0 10px 10px;
    box-shadow: var(--shadow-boton-bg);
}
.modal-content-index h2{
    color: var(--theme-color) !important;
    text-transform: uppercase;
    font-weight: 900 !important;
}
.close-modal-index{
    font-size: 1.5rem;
    background: rgba(250,250,250,.1);
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}