html {
    box-sizing: border-box
}
*,
:after,
:before {
    box-sizing: inherit
}
* {
    padding: 0;
    margin: 0;
    font-family: var(--font-family);
    outline: 0!important
}
::-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);
}
link {
    display: contents
}
a {
    text-decoration: none!important;
    cursor: pointer;
}
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);
    background-color: var(--fondo);
    background: var(--fondo);
    background: var(--fondo-g);
    font-weight: 400;
    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
}
.fondo-nodark{
  background: var(--fondo-nodark) !important;
}

.fondo-nodark .header-modulo{
  color: var(--color-nodark) !important;
}
header.header-video {
    line-height: 0!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);
}
main {
    padding: 0 .2rem;
    height: auto;
    width: 100%;
    overflow-x: hidden;
    margin-bottom: 70px
}
.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
}
#catalogo-main {
    margin-bottom: 30px!important
}
.absolute-top {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%
}
.sticky-top {
    z-index: 2!important
}
.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-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;
}

.index-icono:hover {
    background: var(--theme-color) radial-gradient(circle, transparent 1%, var(--theme-color) 1%) center/15000%
}
.index-icono:active {
    background-color: var(--focus-color);
    background-size: 100%;
    transition: background 0s
}
.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)
}
.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 {
    text-align: center;
    margin: auto;
    color: var(--horario-color-horas)
}
.horario td {
    width: 50%;
    font-size: 4vw
}
@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: 100
}
#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: 3.8rem;
  }
#nav3 .owl-item{
    text-align: center;
    border-radius: 30px;
    padding: 0.5rem
}
.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;
}
.owl-item .carousel-cell{
    border-radius: 20px;
    padding: .5rem;
}
.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);
    border-radius: 50px;
    padding: .1rem;
    width: 14vw
}

.menu-link-header-index .a {
    fill: var(--svg-header-menu-icono-color)!important
}
.icono-menu-header {
    font-size: 6vw
}
a.menu-nav-header {
    display: flex!important;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start
}
.menu-nav-header-icono {
    width: 10%;
    margin-right: 4rem;
    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: 100vh!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 {
    padding: 7% 10%!important;
    border-radius: .25rem!important;
    text-align: left!important;
    color: var(--menu-color-header)!important;
    width: 100%;
    display: block;
    font-size: 4.7vw;
    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: 4rem 0 3rem 0
}
.gif-top {
    margin: 1rem 0 1rem 0
}
.gif-top-landingpage {
    margin: 2rem 1.2rem 2rem;
    text-align: center
}

.gif-top-landingpage svg {
    width: 55%!important;
    margin: auto;
}

.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(--svg-logo);
}

#capa-2 {
    fill: var(--color-azul);
}
.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
}
@media (max-height: 899) {
    .link-ordenm iframe {
        height: 73%
    }
    .link iframe {
        height: 89%
    }
    .link-info iframe {
        height: 90%
    }
    iframe#myIframe {
        height: 89%
    }
}
@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
}
.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
}
.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: .7rem
}
.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;
}
.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
}
.toast {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: transparent!important;
    border: none!important;
    box-shadow: none
}
.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
}
.link-modal {
    margin: 2rem auto
}
.guardarcontacto a:hover {
    opacity: .6!important;
    color: #fff!important
}
.toast-body button {
    position: relative;
    left: 50%
}
iframe.iframe-modal {
    height: 85vh!important
}
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: 1rem;
}
.burbuja {
    margin: 20px 10px 20px 10px;
    text-align: center;
    padding: 20px;
    border-radius: 20px;
    border: 0;
    box-sizing: border-box;
    background: var(--fondo-burbuja);
    color: var(--texto-burbuja)!important;
    font-weight: 600
}
.burbuja p{
  margin: 0 !important;
}
.burbuja i {
    color: var(--icono-burbuja)
}
.burbuja-lite {
    margin: 20px 10px 20px 10px;
    text-align: left;
    padding: 20px;
    border-radius: 20px;
    border: 0;
    box-sizing: border-box;
    background: var(--fondo-burbuja);
    color: var(--texto-burbuja)!important;
    font-weight: 500
}
.burbuja-lite p{
  margin: 0 !important;
}
a.burbuja {
    margin: 20px 10px 20px 10px;
    text-align: center;
    padding: 20px;
    border-radius: 20px;
    border: 0;
    box-sizing: border-box;
    background: var(--fondo-burbuja);
    color: var(--texto-burbuja)!important
}
.burbuja-contacto:hover {
    background: var(--fondo-burbuja-hover);
    color: var(--texto-burbuja-hover)!important
}
#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 1rem 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=password],
input[type=text],
input[type=time],
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%;
    font-weight: 400;
    margin: auto;
}
input[type=date]:invalid,
input[type=email]:invalid,
input[type=number]:invalid,
input[type=password]:invalid,
input[type=text]:invalid,
select:invalid,
textarea:invalid {
    box-shadow: none
}
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]: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],
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] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: block;
    float: left;
    margin-right: -2em;
    opacity: 0;
    width: 1em;
    z-index: -1
}
input[type=checkbox]+label,
input[type=radio]+label {
    text-decoration: none;
    color: var(--label-color);
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    padding-left: 2.4em;
    padding-right: .75em;
    position: relative
}
input[type=checkbox]+label:before,
input[type=radio]+label: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: 900
}
input[type=checkbox]+label:before,
input[type=radio]+label:before {
    background: var(--form-fondo-input);
    border-radius: .35em;
    border: solid 2px transparent;
    content: '';
    display: inline-block;
    font-size: .8em;
    height: 2.0625em;
    left: 0;
    line-height: 1.85625em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 2.0625em
}
input[type=checkbox]:checked+label:before,
input[type=radio]:checked+label:before {
    background: var(--form-check-fondo);
    border-color: var(--form-check-border);
    color: var(--form-check);
    content: '\f00c'
}
input[type=checkbox]:focus+label:before,
input[type=radio]:focus+label:before {
    border-color: var(--form-focus);
    background: var(--check-fondo-focus);
    color: var(--form-focus)
}
input[type=checkbox]+label:before {
    border-radius: .35em
}
input[type=radio]+label:before {
    border-radius: 100%
}
::-webkit-input-placeholder {
    color: var(--form-texto-input)!important;
    opacity: 1
}
:-moz-placeholder {
    color: var(--form-texto-input)!important;
    opacity: 1
}
::-moz-placeholder {
    color: var(--form-texto-input)!important;
    opacity: 1
}
:-ms-input-placeholder {
    color: var(--form-texto-input)!important;
    opacity: 1
}
.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: 85px;
    right: 3%
}
.boton-top-top a {
    background: var(--btn-top-fondo);
    color: var(--btn-top-color);
    border-radius: 100px;
    font-size: 5vw;
    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);
    box-shadow: var(--shadow-boton-hover)!important
}
.miboton {
    width: 100%;
    max-width: 300px;
    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: 3.5vw;
    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: 95%;
    margin: 5px auto;
    font-size: 16px;
    text-align: center;
    display: block;
    border-radius: var(--radius-border)!important;
    -webkit-border-radius: var(--radius-border)!important;
    border: solid 4px var(--border-boton)!important;
    border: 0;
    font-weight: 700;
    color: var(--btn-atras-home-color);
    box-sizing: border-box;
    background: var(--btn-atras-home-fondo);
    box-shadow: var(--shadow-boton-bg)!important
}
.adminbotones {
    width: 100%;
    z-index: 3;
    border-radius: 50px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px)
}
.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: 1rem;
}
.big {
    margin-top: 2rem;
    margin-bottom: 2rem
}
.big-boton {
    padding: var(--padding-boton-bg);
    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;
}
.doble {
    margin: .5rem!important;
    padding: .8rem!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: 100;
    font-size: 4vw;
    text-transform: uppercase;
    width: auto;
    margin: 0!important;
    text-align: center;
    padding: 0!important
}
.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;
    margin-bottom: 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;
    padding: 6px;
    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;
    padding: 6px;
    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 {
    display: none;
    text-transform: uppercase
}
.info-icono {
    text-transform: uppercase!important;
    color: var(--second-color)!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;
    box-shadow: inset 0 0 0 2px var(--share-icono);
    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 {
    color: var(--share-icono)!important
}
#nav-menu {
    background: var(--fondo-nav-menu);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 0 0 10px 10px;
}
.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
}
.menu-img-div {
    height: 25vh;
    overflow: hidden;
    border-radius: 5px
}
.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 {
    font-size: smaller;
    padding-left: .5rem;
    position: relative;
    bottom: .2rem
}
.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
}
.select-nav {
    padding: 15px 20px 15px 20px
}

.flickity-slider small {
    font-size: .6em!important
}

.select-nav a {
    color: var(--color-nav3)!important;
    text-transform: uppercase;
    font-size: 5.5vw;
    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: 0!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
}
.tab-titulo {
    padding: 15px;
    border-top: 2px solid var(--menu-titulo-header-border);
    border-bottom: 2px solid var(--menu-titulo-header-border);
    margin: 0 10px 0 10px
}
.header-dinamico {
    transition: transform .3s ease
}
.slide-top {
    transform: translateY(-100%)
}
.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%
}
@media all and (orientation: portrait) {
    #botones_menu_principal a {
        width: 30vw;
        height: auto;
        margin: 1rem auto;
        text-align: center
    }
    #botones_menu_principal img {
        width: 26.664vw;
        height: 26.664vw
    }
}
@media all and (orientation: landscape) {
    #botones_menu_principal a {
        width: 25vw;
        height: auto
    }
    #botones_menu_principal img {
        width: 20vw;
        height: 20vw
    }
}
.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: 600;
    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 {
    background-color: var(--footer-fondo);
    padding: 10px 0 0 0;
    margin: 0;
    background: var(--footer-img-svg) no-repeat top;
    height: 70vh;
    background-attachment: fixed;
    background-repeat: repeat-x;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.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: 800;
    opacity: .6;
    margin-top: 1rem
}
.smartlink svg {
    width: 90px
}
.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: 100;
}
.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: 600!important;
    text-decoration: underline!important
}
ul.aviso-credito-list {
    list-style: circle!important
}
.aviso-credito-list li {
    margin: .2rem 1rem!important
}
.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: 1rem;
    font-family: 'Blogger';
}
.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 {
    font-size: 4vw!important;
    padding: 1rem
}
.accordion-item {
    background-color: transparent!important;
    border: none!important
}
.accordion-button {
    background-color: var(--fondo-acordion)!important;
    border-radius: 20px!important;
    margin-top: 1rem;
    font-weight: 800!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%)
}
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 1rem
}

.lista-menu{
    margin: 1rem 0.2rem !important;
    border-radius: 50px;
    background: var(--a-fondo-active-tab);
    padding: 2rem;
}
.menu-opcion-sin-foto-titulo {
    font-weight: 100
}
.menu-opcion-sin-foto-descripcion {
    font-weight: 400;
    opacity: .7;
    max-width: 60vw
}
.menu-sin-foto-bg {
    margin: 3rem 0
}
.menu-opcion-bg {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin: 1rem .5rem
}
.menu-opcion-titulo-bg {
    font-weight: 600
}
.menu-opcion-descripcion-bg {
    font-weight: 600;
    opacity: .7;
    padding: 1rem .2rem 0 .7rem
}
.menu-con-foto {
    margin: 3rem 0
}
.menu-titulo-pricipal {
    margin: 5rem auto
}
.menu-opcion-nota {
    font-weight: 600;
    padding: 2rem .2rem 0 .7rem;
    color: var(--focus-color)
}
#barre {
    position: fixed;
    height: 6px;
    width: 0%;
    top: 0;
    background-color: var(--focus-color);
    z-index: 2000
}
.fiscal-header{
	position: fixed;
width: 100%;
z-index: 1;
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;
}
.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: 1.1rem;
}
#titulo-fiscal{
  text-align: center;
  font-weight: 800;
  padding: 2rem;
  color: var(--second-color);
}
.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%;
    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-top: 2rem;
}
[class*="hidden"]{ display: none; }

.buscador-producto{
    width: 90%;
    margin: 2rem auto; 
}
.simplesearch{
    margin-top: 2rem;
}

.search-row{
    margin-top: 2rem;
}
.search-title a{
    color: var(--texto-encabezados) !important;
}
.search-date {
    display: none;
}
.alert-form{
    text-align: center;
    margin: 1rem auto;
}
#ws-form{
    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;
    max-width: 200px;
}
.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;
}
@media (min-width: 768px) {
    .big-boton a {
        font-size: 1.5rem
    }
    .slider-small-large{
        display: none !important;
    }
    .gif-top-landingpage svg{
        width: 40%!important;
    }
    .offcanvas-menu-body a {
        padding: 4% 10%!important;
        font-size: 1.2rem
    }
    .menu-link-header-index svg {
        width: 4rem
    }
    .icono-menu-header {
        font-size: 3vw
    }
    .miboton {
        max-width: 500px;
        font-size: 1.5rem
    }
    .noche {
        font-size: 15px
    }
    main {
        max-width: 600px;
        margin: auto;
        margin-bottom: 70px
    }
    #main-link {
        max-width: 1024px!important;
        margin: .1rem!important
    }
    .accordion-body .accordion-text {
        font-size: 2vw!important
    }
    .tab-content {
        max-width: 600px;
        margin: auto
    }
    .menu-img-div {
        height: fit-content
    }
    .menu-con-foto {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: space-evenly
    }
    .menu-tablet {
        margin: 0 0 0 2rem
    }
    .menu-opcion-bg {
        margin: 0 1rem
    }
    .textsize {
        max-width: 1000px;
        width: 100%;
        padding: 1rem
    }
    .size-big-a {
        font-size: 4vw!important
    }
    ol.instrucciones-lista li {
        font-size: 2vw
    }
    h5.modal-title {
        font-size: 2.5vw
    }
    footer {
        background-image: none
    }
    .offcanvas-body {
        margin-top: 3rem!important
    }
    .offcanvas-header {
        padding: 1rem 3rem 1rem!important
    }
    .contacto .fa-ul>li {
        font-size: 1.5rem
    }
    .contacto-font-correo {
        font-size: 1.5rem!important
    }
    .burbuja-contacto h3 {
        font-size: 1.8rem!important
    }
    .contacto {
        max-width: 600px
    }
    .modal-body {
        padding: 1rem 2rem
    }
    .canvas-menu {
        max-width: 600px;
        margin: auto;
        width: 100%
    }
    .canvas-info {
        max-width: 600px;
        margin: auto;
        width: 100%;

    }
    .burbuja-lite {
        font-size: 1.5rem
    }
    .preloader_img img {
        width: 40vw!important
    }
    .letra {
        font-size: 1.2rem
    }
    .letra mark {
        font-size: 1rem!important
    }
    iframe.iframe-modal {
        height: 80vh!important
    }
    .catalogo-scroll .card {
        flex-direction: row!important
    }
    .catalogo-scroll .card-body {
        max-width: 500px;
        margin: auto
    }
    .catalogo-scroll .card img {
        margin: 1.7rem 2rem 0 1rem;
        width: 300px!important;
        height: 300px!important
    }
    .select-nav a {
        font-size: 1.5rem
    }
    #nav3 a {
        font-size: 1.5rem
    }
    #filter form {
        display: flex;
        justify-content: space-evenly;
        align-items: center
    }

    .buscar-por {
        display: none
    }
    .main-catalogo-multiple {
        margin-top: 190px!important
    }
    .horario td {
        font-size: 1rem
    }
    .form-web{
        margin: auto;
        max-width: 600px;
    }
    .header-nav{ 
        height: fit-content;
    }
    .header-nav-media{
        height: 100vh;
        overflow: hidden;
    }
    .header-nav-media video{
        position: absolute;
        z-index: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .header-nav svg{
        width: 20%!important;
        margin: 10rem auto 3rem;
    }
    .header-nav #nav1{
        display: none;
    }
    .redes .index-icono {
        width: 10% !important;
    }
}
@media (min-width: 915px) {
    .offcanvas {
        margin: 0 auto!important
    }
}

@media (min-width:961px) {
  .big-boton{
    width: 90vw;
    max-width: 450px;
    font-size: 2em;
  }
  .botones {
    max-width: 450px;
  }
  .offcanvas-app{
    width: 100vw !important;
    margin: 0 !important;
    max-width: 100% !important;
  }
  .offcanvas-app .canvas-menu {
    max-width: 60vw;
  }
  .canvas-menu{
    max-width: 600px;
  }
  iframe.iframe-app {
    height: 80vh!important;
}
.barrainferior{
  display: none;
}
.big-boton a {
    font-size: 18px;
}
.offcanvas-bottom {
    width: 60vw;
    max-width: 1000px;
    margin: 2rem auto !important;
    border-radius: 10px !important;
}
.miboton {
    font-size: 16px;
    max-width: 400px;
}
#FiscalHeader{
  max-width: 600px;
  left: 50%;
  transform: translate(-50%, 0);
}
#FiscalHeader a{
  max-width: 250px;
}
h5.modal-title {
    font-size: 18px;
}
.offcanvas-body{
  margin-top: 0 !important;
}
.link iframe {
    width: 100vw;
    height: 100vh;
    right: 0;
    position: absolute;
    margin: auto;
    text-align: center;
}

}