html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {lidesk-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

html {-webkit-text-size-adjust: 100%;}
body{font-family: 'Open Sans', sans-serif;font-size: 13px; line-height: 17px; font-weight: 400; color: var(--color4); background-color: var(--color2); margin: 0px; padding: 0;  overflow-x: hidden;}
.clear{clear: both;}

h1{font-size: 33px; line-height: 36px; margin: 0 0 20px 0; padding: 0; color: var(--color1); font-weight: 700;}
h2{font-size: 25px; line-height: 28px; margin: 0 0 20px 0; padding: 0; font-weight: 600; color: var(--color1);}
h2 a{text-decoration: none; color: var(--color1)}
h3{font-size: 19px; line-height: 22px; font-weight: 600; margin: 0 0 20px 0; padding: 0; color: var(--color4);}
h3:last-child{margin: 0; padding: 0}
h4{font-size: 13px; line-height: 14px; font-weight: 500; margin: 0 0 20px 0; padding: 0; color: var(--color4)}
p{padding: 0; margin: 0 0 20px 0}
p:last-child{padding: 0; margin: 0 0 0px 0}
a {color: var(--color1); text-decoration: none;}
b{font-weight: 700; color: var(--color4)}
small {color: #999; font-size: 10px;}

hr { border: 0; border-bottom: 1px #DDD solid;margin: 40px 0;}
.sp{margin: 0 0 20px 0 !important;}
.sp-up{margin: 20px 0 0px 0 !important;}

.mostrar{display: block !important;}
.ocultar{display: none !important;}

.a-l{text-align: left;}
.a-c{text-align: center;}
.a-r{text-align: right;}

.nm{margin: 0px !important}
.np{padding: 0px !important}

/* Seccion Header ***************************************************************************************************************/

.seccion-header{margin: 0px; position: relative;z-index: 301;}

/* Navegacion Menu ***************************************************************************************************************/

.nav-menu{position: absolute; top: 80px; right: 80px; z-index: 300; border-radius: 40px; padding: 0 10px}
.nav-menu li{display: inline-block; position: relative;}
.nav-menu li.nav-menu-bi{display: none}
.nav-menu .nav-menu-links{display: block;}

.nav-menu li a{color: var(--color4); font-weight: 600; letter-spacing: 0px; display:block;padding:0px 10px; margin: 0px; height:40px;line-height:40px;text-decoration:none;}
.nav-menu li a:hover{}

.nav-menu li.link-creditos {}
.nav-menu li.link-creditos a{background-color: var(--color1); color: var(--color4); border-radius: 40px; margin: 0 -10px 0 20px; padding: 0 20px;}
.nav-menu li.link-registro a{background-color: var(--color1); color: var(--color4); border-radius: 40px; margin: 0 -10px 0 20px; padding: 0 20px;}

.nav-menu li ul li{display: block}
.nav-menu li ul li:last-child{border-bottom: 0px}
.nav-menu li ul li a{color: var(--color4); display:block;height:30px;line-height:32px;padding:0px; margin: 0;text-decoration:none;}

.nav-menu li ul{display:none;position:absolute;list-style:none;padding:10px 20px;top:40px;right:-10px;z-index: 1; background-color:var(--color3); width:140px; z-index: 100; border-radius: 6px;}
.nav-menu li ul li ul{top:-20px;left:180px;}

/* Navegacion Footer ***************************************************************************************************************/

.nav-footer{position: fixed; bottom: 40px; right: 80px; z-index: 300; border-radius: 40px; padding: 0 10px}
.nav-footer li{display: inline-block; position: relative;}
.nav-footer li.nav-menu-bi{display: none}
.nav-footer .nav-menu-links{display: block;}

.nav-footer li a{color: var(--color4); font-weight: 500; letter-spacing: 0px; display:block;padding:0px 10px; margin: 0px; height:40px;line-height:40px;text-decoration:none;}
.nav-footer li a:hover{}

.nav-footer li.link-ayuda > a{background-color: var(--color3); color: var(--color4); border-radius: 40px; margin: 0 -10px 0 20px; padding: 0 20px;}

.nav-footer li ul li{display: block}
.nav-footer li ul li:last-child{border-bottom: 0px}
.nav-footer li ul li a{color: var(--color4); display:block;height:30px;line-height:32px;padding:0px; margin: 0;text-decoration:none;}

.nav-footer li ul{display:none;position:absolute;list-style:none;padding:10px 20px;bottom:0px;right:-10px;z-index: 1; background-color:var(--color3); width:160px; z-index: 100; border-radius: 6px;}
.nav-footer li ul li ul{top:-20px;left:180px;}

.ventu-copy{position: fixed; bottom: 35px; left: 35px; background: url(../gui/recursos/logo_vs_copy.svg) 50% 50% no-repeat; background-size: auto 25px; width: 55px; height: 35px;}

/* BI */

#nav-bi{width: 20px;height: 20px;position: relative;margin: 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;display: block;}
#nav-bi span{display: block;position: absolute;height: 3px;width: 100%;background: var(--color1);border-radius: 4px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-bi span.on{background: var(--color1) !important;}
#nav-bi span:nth-child(1) {top: 0px}
#nav-bi span:nth-child(2),#nav-bi span:nth-child(3) {top: 6px;}
#nav-bi span:nth-child(4) {top: 12px;}
#nav-bi.open span:nth-child(1) {top: 6px;width: 0%;left: 50%;}
#nav-bi.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-bi.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-bi.open span:nth-child(4) {top: 6px;width: 0%;left: 50%;}

/* Navegacion Header Account ***************************************************************************************************************/

.nav-account{position: absolute; top: 40px; right: 40px; z-index: 200;padding: 0;}
.nav-account li{display: inline-block; position: relative}
.nav-account li a{color: #333842; font-weight: 500; font-size: 12px; text-transform: uppercase; display:block;padding:0px 10px; margin: 0; height:40px;line-height:40px; text-decoration:none;}
.nav-account li.link-creditos {font-size: 12px; font-weight: 500; color: #333842; text-transform: uppercase; padding: 0 33px 0 10px; position: relative;}
.nav-account li.link-creditos span{background-color: #333842; color: var(--color4) !important; position: absolute; top: -8px; right: -10px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 40px;}
.nav-account ul li{display: block}
.nav-account ul li:last-child{border-bottom: 0px}
.nav-account ul li a{display:block;height:30px;line-height:32px;padding:0px;margin: 0; color:#333842 !important;text-decoration:none;}

/* Body ***************************************************************************************************************/

/*.body{z-index: 99; position: fixed; top: 0px; left: 0px; right: 0; bottom: 0; overflow-y: auto; overflow-x: hidden;}*/
.body{padding: 0px 0 60px 0;}
.body-lateral{position: absolute; left: 23%; right: 0;}

.link-to-top{background: url(../gui/ico_arrow_top.svg) 50% 50% no-repeat; background-size: 16px auto; background-color: #808285; width: 60px; height: 60px; position: fixed !important; bottom: 40px !important; right: 40px !important; display: none; z-index: 5000; border-radius: 60px; cursor: pointer}

/* CONTENEDORES ***************************************************************************************************************/

.bg1{background-color: #fafafa !important;}
.bg2{background-color: #808285 !important;}

.seccion{}

.contenedor{width: 60%; margin: 0 auto; padding: 40px 0; box-sizing: border-box}
.contenedor .bx{padding: 0 30px;}

/* Breadcrumb ***************************************************************************************************************/

.breadcrumb{margin: 40px 40px 0 40px;;}

/* Grid 0 ***************************************************************************************************************/

.grid {padding: 20px; box-sizing: border-box; box-sizing: border-box;}
.grid-narrow {width: 100%; margin: 0 auto;}
.grid-narrow-plus {width: 500px; margin: 0 auto;}
.grid .bx-header{margin: 20px 0; padding: 0 20%; text-align: center}
.grid .bx-footer{margin: 20px 0; padding: 0 20%;}
.grid .bx{margin: 20px;}

/* Grid 2 ***************************************************************************************************************/

.grid-2--1{display: grid; grid-gap: 40px; padding: 40px; box-sizing: border-box; grid-template-columns: repeat(2, 1fr);}
.grid-2--1 .bx-header{grid-column: 1 / 3; margin: 0; padding: 0 20%;}
.grid-2--1 .bx-footer{grid-column: 1 / 3; margin: 0; padding: 0 20%;}
.grid-2--1 .bx{margin: 0; padding: 0;}

/* Grid 3 ***************************************************************************************************************/

.grid-3--1{display: grid; grid-gap: 40px; padding: 40px; box-sizing: border-box; grid-template-columns: repeat(3, 1fr);}
.grid-3--1 .bx-header{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
.grid-3--1 .bx-footer{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
.grid-3--1 .bx{margin: 0; padding: 0;}

/* Grid 3--2-1 ***************************************************************************************************************/

.grid-3--2-1{display: grid; grid-gap: 40px; padding: 40px; box-sizing: border-box; grid-template-columns: repeat(3, 1fr);}
.grid-3--2-1 .bx-header{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
.grid-3--2-1 .bx-footer{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
.grid-3--2-1 .bx{margin: 0; padding: 0;}
.grid-3--2-1 .bx:nth-child(1){grid-column: 1 / 3 !important}
.grid-3--2-1 .bx:nth-child(2){grid-column: 3 / 4 !important}

/* Grid 3--1-2 ***************************************************************************************************************/

.grid-3--1-2{display: grid; grid-gap: 40px; padding: 40px; box-sizing: border-box; grid-template-columns: repeat(3, 1fr);}
.grid-3--1-2 .bx-header{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
.grid-3--1-2 .bx-footer{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
.grid-3--1-2 .bx{margin: 0; padding: 0;}
.grid-3--1-2 .bx:nth-child(1){grid-column: 1 / 2 !important}
.grid-3--1-2 .bx:nth-child(2){grid-column: 2 / 4 !important}

/* Grid 4 ***************************************************************************************************************/

.grid-4--1{display: grid; grid-gap: 40px; padding: 40px; box-sizing: border-box; grid-template-columns: repeat(4, 1fr);}
.grid-4--1 .bx-header{grid-column: 1 / 5; margin: 0; padding: 0 20%;}
.grid-4--1 .bx-footer{grid-column: 1 / 5; margin: 0; padding: 0 20%;}
.grid-4--1 .bx{margin: 0; padding: 0;}

/* Grid 4--1-3 ***************************************************************************************************************/

.grid-4--1-3{display: grid; grid-gap: 40px; padding: 40px; box-sizing: border-box; grid-template-columns: repeat(4, 1fr);}
.grid-4--1-3 .bx-header{grid-column: 1 / 5; margin: 0; padding: 0 20%;}
.grid-4--1-3 .bx-footer{grid-column: 1 / 5; margin: 0; padding: 0 20%;}
.grid-4--1-3 .bx{margin: 0; padding: 0;}
.grid-4--1-3 .bx:nth-child(1){grid-column: 1 / 2;}
.grid-4--1-3 .bx:nth-child(2){grid-column: 2 / 5;}

/* Grid orden ***************************************************************************************************************/

.grid-orden{display: grid; grid-gap: 40px; padding: 0px; width: 500px; margin: 0 auto; box-sizing: border-box; grid-template-columns: repeat(1, 1fr);}
.grid-orden .bx-header{grid-column: 1 / 2; margin: 0; padding: 0 20%;}
.grid-orden .bx-footer{grid-column: 1 / 2; margin: 0; padding: 0 20%;}
.grid-orden .bx{margin: 0; padding: 20px;  position: relative}

.grid-orden .tabs{margin: 0px -30px;padding: 0 30px;box-sizing: border-box;list-style: none;}
.grid-orden .tabs .tab{text-decoration: none; font-weight: normal; cursor: pointer; height: 40px; line-height: 40px; padding: 0; margin: 0 20px 0 0; display: inline-block; color: var(--color4); position: relative;}
.grid-orden .tabs .tab.activo{color: var(--color4); border-bottom: 3px solid var(--color1);}
.grid-orden .tabs .tab-contenido{display: none;padding: 20px 0 0 0;}
.grid-orden .tabs .tab-contenido.activo{display: block !important;}
.grid-orden .tabs .tab-contenido ul{margin: 0 0 0 15px; padding: 0}
.grid-orden .tabs .tab-contenido hr { border: 0; border-bottom: 1px #ECEFF1 solid;margin: 20px -20px !important;}

.grid-orden .iframe-out-viewport{position: fixed; top: 0; left: -6000px; z-index: 999; background-color: #FFF;}
.grid-orden .iframe-out-viewport iframe{width: 400px; height: 600px;}
.grid-orden .validar-msg-procesando{}

/* Portada ***********************************************************************************************************/

.seccion-portada{position: fixed; top: 0; right: 0; bottom: 0px; left: 0;}
.seccion-portada .contenido{position: absolute; bottom: 120px; left: 50%; z-index: 2; width: 300px; transform: translate(-50%, 0);}
.seccion-portada .contenido .acciones{position: absolute; bottom: 0; left: 0; right: 0;}
.seccion-portada .contenido .acciones .btn{display: block !important; margin: 10px 0 0 0;}
.seccion-portada .contenido .acciones .btn-compra{background-color: var(--color1); color: var(--color4);}
.seccion-portada .contenido .acciones .btn-reserva{background-color: var(--color4); color: var(--color2)}
.seccion-portada .contenido .acciones .disclaimer{text-align: center; margin: 40px 0 0 0; color: var(--color4)}
.seccion-portada .contenido .acciones .disclaimer .links a{margin: 0 5px; text-decoration: none}

/* FIT ***************************************************************************************************************/

.scroll-grid{overflow: auto; white-space:nowrap;}

.fit-grid-semana {display: grid; grid-gap: 10px; grid-template-columns: repeat(31, 1fr); white-space:wrap;}
.fit-grid-semana .dia{width: 120px; display: block;}
.fit-grid-semana .dia .dia-nombre{margin: 0 0 20px 0;font-weight: 500; text-align: center;}
.fit-grid-semana .dia .dia-nombre .dia-numero{font-size: 25px;}
.fit-grid-semana .dia .clase{font-size: 10px; line-height: 11px; margin: 0 0 5px 0; display: block; text-decoration: none; background-color: var(--color4); border: 2px var(--color4) solid; color: var(--color3); padding: 10px; box-sizing: border-box; border-radius: 100%; text-align: center; position: relative;}
.fit-grid-semana .dia .clase:before{content: ''; display: block; padding-top: 100%}
.fit-grid-semana .dia .clase:hover{border: 2px var(--color4) solid; color: var(--color1);}
.fit-grid-semana .dia .clase-data{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.fit-grid-semana .dia .clase-bloqueada{background-color: var(--color3) !important; border: 2px var(--color3) solid !important; color: var(--color4) !important;}
.fit-grid-semana .dia .clase-waitlist{background-color: var(--color2) !important; border: 2px var(--color1) solid !important; color: var(--color4) !important;}
.fit-grid-semana .dia .clase-reservada{background-color: var(--color1) !important; border: 2px var(--color1) solid !important; color: var(--color2) !important;}
.fit-grid-semana .dia .clase-nombre{}
.fit-grid-semana .dia .clase-hora{margin: 5px 0 0 0;}

.fit-layout-instructor{width: 140px; height: 140px; background-color: #e3e6e9; color: #333842; border-radius: 140px; margin: 0px auto; display: block; padding: 0px; font-weight: 500; position: relative}
.fit-layout-instructor span{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}

/* Layout Std */

/*.grid-layout-cycle {display: grid; grid-gap: 20px; grid-template-columns: repeat(8, 1fr);}
.grid-layout-cycle .spot{background-color: var(--color4); border: 2px var(--color4) solid; color: var(--color1); position: relative; border-radius: 100%;}
.grid-layout-cycle .spot:before{content: ''; display: block; padding-top: 100%;}
.grid-layout-cycle .spot:hover{background: var(--color1); border: 2px var(--color1) solid;}
.grid-layout-cycle .spot:hover .spot-numero{color: var(--color4);}
.grid-layout-cycle .spot-ocupado{background-color: var(--color2) !important; border: 2px var(--color3) solid !important;}
.grid-layout-cycle .spot-ocupado:hover .spot-numero{color: var(--color3);}
.grid-layout-cycle .spot .spot-numero{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--color3); font-size: 25px;}

.grid-layout-cycle .spot:nth-child(9){grid-column: 1 / 2 !important; grid-row: 2 / 3; transform: translate(calc(50% + 10px),0)}
.grid-layout-cycle .spot:nth-child(10){grid-column: 2 / 3 !important; grid-row: 2 / 3; transform: translate(calc(50% + 10px),0)}
.grid-layout-cycle .spot:nth-child(11){grid-column: 3 / 4 !important; grid-row: 2 / 3; transform: translate(calc(50% + 10px),0)}
.grid-layout-cycle .spot:nth-child(12){grid-column: 4 / 5 !important; grid-row: 2 / 3; transform: translate(calc(50% + 10px),0)}
.grid-layout-cycle .spot:nth-child(13){grid-column: 5 / 6 !important; grid-row: 2 / 3; transform: translate(calc(50% + 10px),0)}
.grid-layout-cycle .spot:nth-child(14){grid-column: 6 / 7 !important; grid-row: 2 / 3; transform: translate(calc(50% + 10px),0)}
.grid-layout-cycle .spot:nth-child(15){grid-column: 7 / 8 !important; grid-row: 2 / 3; transform: translate(calc(50% + 10px),0)}

.grid-layout-cycle .spot:nth-child(16){grid-column: 1 / 2 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(17){grid-column: 2 / 3 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(18){grid-column: 3 / 4 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(19){grid-column: 4 / 5 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(20){grid-column: 5 / 6 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(21){grid-column: 6 / 7 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(22){grid-column: 7 / 8 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(23){grid-column: 8 / 9 !important; grid-row: 3 / 4;}*/

/* Layout Rocksport Saltillo */

/*.grid-layout-cycle {display: grid; grid-gap: 20px; grid-template-columns: repeat(11, 1fr);}
.grid-layout-cycle .spot{background-color: var(--color4); border: 2px var(--color4) solid; color: var(--color1); position: relative; border-radius: 100%;}
.grid-layout-cycle .spot:before{content: ''; display: block; padding-top: 100%;}
.grid-layout-cycle .spot:hover{background: var(--color1); border: 2px var(--color1) solid;}
.grid-layout-cycle .spot:hover .spot-numero{color: var(--color4);}
.grid-layout-cycle .spot-ocupado{background-color: var(--color2) !important; border: 2px var(--color3) solid !important;}
.grid-layout-cycle .spot-ocupado:hover .spot-numero{color: var(--color3);}
.grid-layout-cycle .spot .spot-numero{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--color3); font-size: 25px;}

.grid-layout-cycle .spot:nth-child(1){grid-column: 2 / 3 !important; grid-row: 1 / 2; }
.grid-layout-cycle .spot:nth-child(2){grid-column: 3 / 4 !important; grid-row: 1 / 2; }
.grid-layout-cycle .spot:nth-child(3){grid-column: 4 / 5 !important; grid-row: 1 / 2; }
.grid-layout-cycle .spot:nth-child(4){grid-column: 5 / 6 !important; grid-row: 1 / 2; }

.grid-layout-cycle .spot:nth-child(5){grid-column: 7 / 8 !important; grid-row: 1 / 2; }
.grid-layout-cycle .spot:nth-child(6){grid-column: 8 / 9 !important; grid-row: 1 / 2; }

.grid-layout-cycle .spot:nth-child(7){grid-column: 1 / 2 !important; grid-row: 2 / 3; }
.grid-layout-cycle .spot:nth-child(8){grid-column: 2 / 3 !important; grid-row: 2 / 3; }
.grid-layout-cycle .spot:nth-child(9){grid-column: 3 / 4 !important; grid-row: 2 / 3; }
.grid-layout-cycle .spot:nth-child(10){grid-column: 4 / 5 !important; grid-row: 2 / 3; }
.grid-layout-cycle .spot:nth-child(11){grid-column: 5 / 6 !important; grid-row: 2 / 3; }

.grid-layout-cycle .spot:nth-child(12){grid-column: 7 / 8 !important; grid-row: 2 / 3; }
.grid-layout-cycle .spot:nth-child(13){grid-column: 8 / 9 !important; grid-row: 2 / 3; }
.grid-layout-cycle .spot:nth-child(14){grid-column: 9 / 10 !important; grid-row: 2 / 3; }

.grid-layout-cycle .spot:nth-child(15){grid-column: 4 / 5 !important; grid-row: 3 / 4; }
.grid-layout-cycle .spot:nth-child(16){grid-column: 5 / 6 !important; grid-row: 3 / 4; }

.grid-layout-cycle .spot:nth-child(17){grid-column: 7 / 8 !important; grid-row: 3 / 4; }
.grid-layout-cycle .spot:nth-child(18){grid-column: 8 / 9 !important; grid-row: 3 / 4; }
.grid-layout-cycle .spot:nth-child(19){grid-column: 9 / 10 !important; grid-row: 3 / 4; }
.grid-layout-cycle .spot:nth-child(20){grid-column: 10 / 11 !important; grid-row: 3 / 4; }*/

/* Layout Bootcamp */

/*.grid-layout-cycle .spot-header-1{display: block}
.grid-layout-cycle .spot-header-2{display: block}

.grid-layout-cycle {display: grid; grid-gap: 10px; grid-template-columns: repeat(10, 1fr);}

.grid-layout-cycle .spot{border: 2px var(--color4) solid; position: relative; border-radius: 100%;}
.grid-layout-cycle .spot:before{content: ''; display: block; padding-top: 100%;}
.grid-layout-cycle .spot:hover{background: var(--color1); border: 2px var(--color1) solid;}
.grid-layout-cycle .spot-ocupado{background-color: var(--color2) !important; border: 2px var(--color2) solid !important;}
.grid-layout-cycle .spot .spot-numero{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--color4); font-size: 25px;}

.grid-layout-cycle .spot-header:nth-child(1){grid-column: 1 / 11 !important; grid-row: 1 / 2;}
.grid-layout-cycle .spot-header:nth-child(1) span:before{display: block; content: 'Piso'; text-align: center; text-transform: uppercase; font-size: 25px; padding: 20px;}

.grid-layout-cycle .spot:nth-child(3){grid-column: 1 / 2 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(4){grid-column: 2 / 3 !important; grid-row: 2 / 3;}
.grid-layout-cycle .spot:nth-child(5){grid-column: 3 / 4 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(6){grid-column: 4 / 5 !important; grid-row: 2 / 3;}
.grid-layout-cycle .spot:nth-child(7){grid-column: 5 / 6 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(8){grid-column: 6 / 7 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(9){grid-column: 7 / 8 !important; grid-row: 2 / 3;}
.grid-layout-cycle .spot:nth-child(10){grid-column: 8 / 9 !important; grid-row: 3 / 4;}
.grid-layout-cycle .spot:nth-child(11){grid-column: 9 / 10 !important; grid-row: 2 / 3;}
.grid-layout-cycle .spot:nth-child(12){grid-column: 10 / 11 !important; grid-row: 3 / 4;}

.grid-layout-cycle .spot-header:nth-child(2){grid-column: 1 / 11 !important; grid-row: 4 / 5;}
.grid-layout-cycle .spot-header:nth-child(2) span:before{display: block; content: 'Corredor'; text-align: center; text-transform: uppercase; font-size: 25px; padding: 20px;}

.grid-layout-cycle .spot:nth-child(13){grid-column: 1 / 2 !important; grid-row: 5 / 6;}
.grid-layout-cycle .spot:nth-child(14){grid-column: 2 / 3 !important; grid-row: 5 / 6;}
.grid-layout-cycle .spot:nth-child(15){grid-column: 3 / 4 !important; grid-row: 5 / 6;}
.grid-layout-cycle .spot:nth-child(16){grid-column: 4 / 5 !important; grid-row: 5 / 6;}
.grid-layout-cycle .spot:nth-child(17){grid-column: 5 / 6 !important; grid-row: 5 / 6;}
.grid-layout-cycle .spot:nth-child(18){grid-column: 6 / 7 !important; grid-row: 5 / 6;}
.grid-layout-cycle .spot:nth-child(19){grid-column: 7 / 8 !important; grid-row: 5 / 6;}
.grid-layout-cycle .spot:nth-child(20){grid-column: 8 / 9 !important; grid-row: 5 / 6;}
.grid-layout-cycle .spot:nth-child(21){grid-column: 9 / 10 !important; grid-row: 5 / 6;}
.grid-layout-cycle .spot:nth-child(22){grid-column: 10 / 11 !important; grid-row: 5 / 6;}*/

.grid-layout-cycle .spot-header-1{display: none}
.grid-layout-cycle .spot-header-2{display: none}

.grid-layout-cycle {display: grid; grid-gap: 10px; grid-template-columns: repeat(10, 1fr);}

.grid-layout-cycle .spot{border: 2px var(--color4) solid; position: relative; border-radius: 100%;}
.grid-layout-cycle .spot:before{content: ''; display: block; padding-top: 100%;}
.grid-layout-cycle .spot:hover{background: var(--color1); border: 2px var(--color1) solid;}
.grid-layout-cycle .spot-ocupado{background-color: var(--color2) !important; border: 2px var(--color2) solid !important;}
.grid-layout-cycle .spot .spot-numero{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--color4); font-size: 25px;}

.fit-countdown span{color: var(--color1); display: inline-block; font-weight: 700}

.fit-compra .productos {display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr);}
.fit-compra .productos .item{background-color: var(--color3); display: inline-block; position: relative;border-radius: 6px; cursor: pointer; display: flex; justify-content:center; align-items:center;  padding: 20px;}
.fit-compra .productos .item:before{content:''; display: block; padding-top: 40%;}

.fit-compra .productos .item .data{ text-align: center;}
.fit-compra .productos .item .nombre{font-size: 19px; line-height: 19px; color: var(--color1); font-weight: 600;}
.fit-compra .productos .item .descripcion{ color: var(--color4);}
.fit-compra .productos .item .precio{margin: 10px 0 0 0; color: var(--color4);}
.fit-compra .productos .item .vencimiento{margin: 0px 0 0 0; color: var(--color4);}

.fit-compra .productos .item:hover{}
.fit-compra .productos .item:hover .precio{}
.fit-compra .productos .item:hover .vencimiento{}

.colores{margin: 0 auto; text-align: center; padding: 10px 30px; box-sizing: border-box; white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}

.colores .libre{display: inline-flex; margin: 0 10px;}
.colores .libre .circulo{display: inline-block; width: 16px; height: 16px; border-radius: 16px; background-color: var(--color4); border: 2px var(--color4) solid;}
.colores .libre .nombre{display: inline-block; height: 20px; line-height: 20px; padding-left: 5px;}

.colores .ocupado{display: inline-flex; margin: 0 10px;}
.colores .ocupado .circulo{display: inline-block; width: 16px; height: 16px; border-radius: 16px; background-color: var(--color2); border: 2px var(--color3) solid;}
.colores .ocupado .nombre{display: inline-block; height: 20px; line-height: 20px;  padding-left: 5px;}

.colores .bloqueado{display: inline-flex; margin: 0 10px;}
.colores .bloqueado .circulo{display: inline-block; width: 16px; height: 16px; border-radius: 16px; background-color: var(--color3); border: 2px var(--color3) solid;}
.colores .bloqueado .nombre{display: inline-block; height: 20px; line-height: 20px;  padding-left: 5px;}

.colores .mis-reservas{display: inline-flex; margin: 0 10px;}
.colores .mis-reservas .circulo{display: inline-block; width: 16px; height: 16px; border-radius: 16px; background-color: var(--color1); border: 2px var(--color1) solid;}
.colores .mis-reservas .nombre{display: inline-block; height: 20px; line-height: 20px;  padding-left: 5px;}

.colores .waitlist{display: inline-flex; margin: 0 10px;}
.colores .waitlist .circulo{display: inline-block; width: 16px; height: 16px; border-radius: 16px; background-color: var(--color2); border: 2px var(--color1) solid;}
.colores .waitlist .nombre{display: inline-block; height: 20px; line-height: 20px;  padding-left: 5px;}

.fit-registros{ margin: 0px -40px; padding: 0px 0 0 40px; box-sizing: border-box; white-space: nowrap; overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
.fit-registros li{display: inline-block; vertical-align: top; list-style: none; width: 300px; padding: 20px 20px 60px 20px; box-sizing: border-box; margin: 0 20px 20px 0; border-radius: 6px; position: relative; background-color: var(--color1); color: var(--color4); white-space: normal;}
.fit-registros li h2{margin: 0 0 5px 0; padding: 0; font-size: 19px; color: var(--color4) !important;}
.fit-registros li b{color: var(--color4);}

.fit-registros li .accion{position: absolute;bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; padding: 0 20px; box-sizing: border-box; background-color: rgba(0,0,0,0.07);}
.fit-registros li .accion a{color: var(--color4); text-decoration: none; font-weight: 500;}

.ico-tx{background-position: 0% -1px !important; background-repeat: no-repeat !important; background-size: auto 20px !important; padding: 0 0 0 28px !important; display: inline-block; height: 20px !important; line-height: 20px; text-decoration: none; color: var(--color4)}
.ico-tx-historial{background: url(../gui/ico/historial.svg)}

.videos-categorias{margin: 0 auto; text-align: center; padding: 10px 30px; box-sizing: border-box; white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
.videos-categorias a{display: inline-block; background-color: var(--color3);color: var(--color1); padding: 8px 16px; margin: 0 4px; border-radius: 40px;}
.videos-categorias a.activo{background-color: var(--color1); color: var(--color2)}

.grid-videos  .cover{position:relative; width: 100%; background-size: cover !important; background-position: 50% 50% !important; background-color: var(--color-bg) !important; margin: 0; border-radius: 5px; display: block;}
.grid-videos  .cover:before{content: ''; display: block; padding-top: 65%;}
.grid-videos  .cover .titulo{position: absolute; bottom: 20px; left: 20px; padding: 0px; display: block;}
.grid-videos  .cover .titulo h3{text-decoration: none; font-size: 33px !important; line-height: normal; color: var(--color1) !important; font-weight: 700;}
.grid-videos  .cover .clase{position: absolute; top: 10px; right: 10px; background-color: var(--color2); color: var(--color1); height: 30px; line-height: 30px; padding: 0 10px; border-radius: 5px; display: block;}
.grid-videos  .cover .lock{position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; border-radius: 30px; display: block; background: url(../gui/ico/lock.svg) 50% 50% no-repeat; background-size: 20px auto; background-color: var(--color2);}

.grid-videos  .cover .cover-play{position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; background-color: rgba(0,0,0,0.4); border-radius: 5px; display: block;}
.grid-videos  .cover .cover-play .ico-play{background: url(../gui/ico/play.svg) 50% 50% no-repeat; background-size: cover; width: 80px;height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.grid-videos .alerta-credito{position: relative; background-color: var(--color1); color: var(--color2); padding: 10px; margin: -15px 0px 20px 0px; border-radius: 5px; position: relative; z-index: 1; font-size: 12px; line-height: 13px;}
.grid-videos .alerta-credito .arrow{position: absolute; top: -5px; left: 20px; background-color: var(--color1); width: 10px; height: 10px; transform: rotate(45deg);}

/* SECCION PAGINAS ***************************************************************************************************************/

.seccion-paginas{margin: 0 auto; padding: 40px; width: 75%; box-sizing: border-box;}

.seccion-paginas .contenido .grid-2{display: grid; grid-gap: 20px; margin: 0 0 20px 0; padding: 0px; box-sizing: border-box; grid-template-columns: repeat(2, 1fr);}
.seccion-paginas .contenido .grid-3{display: grid; grid-gap: 20px; margin: 0 0 20px 0; padding: 0px; box-sizing: border-box; grid-template-columns: repeat(3, 1fr);}

.seccion-paginas .contenido img {width:100%}
.seccion-paginas .contenido img.stretched{margin:0 -40px; width: calc(100% + 80px) !important;}

.seccion-paginas .contenido blockquote{border-left: 5px #e3e6e9 solid; font-size: 17px; line-height: 20px; padding: 20px 40px; box-sizing: border-box; font-style: italic;}

.seccion-paginas .contenido ul{margin: 0 0 20px 40px}
.seccion-paginas .contenido ol{margin: 0 0 20px 40px}


.form-contacto{background-color: #F1F3F4; padding: 30px; box-sizing: border-box; margin: 30px 0 0 0;}

.paginacion {background-color: #202124; text-align: center; padding: 20px 0}
.paginacion a{display: inline-block; margin: 0 3px; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 4px; text-decoration: none; color: #FFF}
.paginacion a:first-child{margin: 0 15px 0 0;}
.paginacion a:last-child{margin: 0 0 0 15px;}
.paginacion a.activo{ background-color: #FFF; color: #202124}

/* SLIDES ***************************************************************************************************************/

.rslides {position: relative;list-style: none;overflow: hidden;max-width: 100%;padding: 0;margin: 0 auto;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;list-style: none;background-image: none;margin: 0;padding: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides li .litext{position: absolute; top: 0; left: 0; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.1);}
.rslides li .litext .all{align-self: center; width: 70%;}
.rslides li .litext .litext-titulo{}
.rslides li .litext .litext-info{margin: 20px 0 0 0; font-size: 42px; line-height: 44px;  font-weight: 500}
.rslides li .litext .litext-accion{margin: 30px 0 0 0; color: #202124; background-color: #FFF; font-size: 10px;display: inline-block; height: 40px; line-height: 42px; padding: 0 20px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;}
.rslides li .litext .litext-accion:hover{background-color: #FFF; color: #202124}
.rslides li .litext .litext-play{height: 60px; width: 60px; margin: 30px 0 0 0; background: url(../gui/ico_play.svg) 50% 50% no-repeat; background-size: 100% auto; display: inline-block;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.rslides_tabs {position: absolute; bottom: 40px; left: 50%; transform: translate(-50%, 0); z-index: 2;}
.rslides_tabs li {display: inline-block; margin: 0px;}
.rslides_tabs a {display: block; width: 10px; height: 10px; margin: 0 5px; border-radius: 10px; text-indent: -6000px; border: 1px #FFF solid; transition: all 0.5s ease-in-out;}
.rslides_tabs .rslides_here a {background-color: #FFF; width: 30px;}

/* Slide 01 */

.seccion-slide-01{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden;}
.slide-01{ width: 100%; height: 100vh; position: relative; background-color: var(--color-ba);}
/*.slide-01:before{content: ''; display: block; padding-top: 50%;}*/
.slide-01 li{position: absolute !important; top: 0; bottom: 0; left: 0; right: 0px; list-style: none !important;}
.slide-01 .item{position: absolute !important; top: 0; bottom: 0; left: 0; right: 0px; background-size: cover !important; background-position: 50% 50% !important;}
.slide-01 li .litext{position: absolute; top: 0; left: 0; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.1);}
.slide-01 li .litext .all-t-l{width: 40%; position: absolute; top: 80px; left: 80px;}
.slide-01 li .litext .all-t-c{width: 40%; position: absolute; top: 80px; left: 50%; text-align: center; transform: translate(-50%,0)}
.slide-01 li .litext .all-t-r{width: 40%; position: absolute; top: 80px; right: 80px; text-align: right;}
.slide-01 li .litext .all-c-l{width: 40%; position: absolute; top: 50%; left: 80px; transform: translate(0,-50%)}
.slide-01 li .litext .all-c-c{width: 40%; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%,-50%)}
.slide-01 li .litext .all-c-r{width: 40%; position: absolute; top: 50%; right: 80px; text-align: right; transform: translate(0,-50%)}
.slide-01 li .litext .all-b-l{width: 40%; position: absolute; bottom: 80px; left: 80px;}
.slide-01 li .litext .all-b-c{width: 40%; position: absolute; bottom: 80px; left: 50%; text-align: center; transform: translate(-50%,0)}
.slide-01 li .litext .all-b-r{width: 40%; position: absolute; bottom: 80px; right: 80px; text-align: right;}
.slide-01 li .litext .litext-titulo{color: #FFF; font-size: 33px; line-height: 33px; font-weight: 600;}
.slide-01 li .litext .litext-info{color: #FFF; margin: 20px 0 0 0; font-size: 19px; line-height: 22px;  font-weight: 400}
.slide-01 li .litext .litext-observaciones{color: #FFF; margin: 20px 0 0 0; font-size: 14px; line-height: 17px;}
.slide-01 li .litext .litext-accion{margin: 30px 0 0 0; color: #202124; background-color: #FFF; font-size: 10px;display: inline-block; height: 40px; line-height: 42px; padding: 0 20px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;}
.slide-01 li .litext .litext-accion:hover{background-color: #FFF; color: #202124}
.slide-01 li .litext .litext-play{height: 60px !important; width: 60px !important; margin: 30px 0 0 0; background: url(../gui/ico_play.svg) 50% 50% no-repeat; background-size: 100% auto; display: inline-block;}
.seccion-slide-01 .prev {background: url(../gui/ico/arrow-left.svg) 50% 50% no-repeat !important;background-size: auto 24px !important;background-color: #FFF !important; position: absolute;top: 50%; left: 80px !important; display: block;width: 50px;height: 50px; border-radius: 50px; transform: translate(0, -50%);cursor: pointer;text-indent: -6000px; outline: none;z-index: 2;}
.seccion-slide-01 .next {background: url(../gui/ico/arrow-right.svg) 50% 50% no-repeat !important;background-size: auto 24px !important;background-color: #FFF !important; position: absolute;top: 50%; right: 80px !important; display: block;width: 50px;height: 50px;border-radius: 50px;transform: translate(0, -50%);cursor: pointer; text-indent: -6000px; outline: none; z-index: 2;}

/* Slider */

.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px; margin: 0px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slick-prev, .slick-next{font-size: 0;line-height: 0;text-indent: -6000px !important;position: absolute;top: 50%;z-index: 1;display: block;width: 40px;height: 40px;border-radius: 40px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: #FF0000;}
.slick-prev{left: 30px; background: url(../gui/ico/arrow-left-w.svg);}
.slick-next{right: 30px; background: url(../gui/ico/arrow-right-w.svg);}

.slick-dotted.slick-slider{margin-bottom: 40px;}
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 0px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-family: 'slick';font-size: 25px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .1;color: var(--color-ba);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: 1;color: var(--color-ba);}

/* Carousel */

.carousel{position:relative;}
.carousel .item{width: 100% !important; height: 100vh; background-color: var(--color-bg); background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; position: relative; border-radius: 0px;}
/*.carousel .item:before{ content: ''; display: block; padding-top: 100%; }*/
.carousel .item-tx{ position: absolute; bottom: 30px; left: 30px; right: 30px; color: var(--color-ba);}
.carousel .item-tx .titulo{font-size: 33px; line-height: 37px; color: var(--color-co); font-weight: 700;}
.carousel .item-tx .descripcion{font-size: 14px; line-height: 18px; color: var(--color-co); margin: 20px 0 0 0;}
.carousel .item-tx .btn{background-color: var(--color-ka); color: var(--color-co); font-size: 14px; font-weight: 400; margin: 20px 0 0 0; padding: 0 20px; height: 40px; line-height: 40px; outline: none;}

.carousel .slick-list{margin: 0px; padding: 0px;}
.carousel .slick-slide{margin: 0px;}


/* Accordion ***************************************************************************************************************/

.accordion-titulo{background-color: #F5F7F8; padding: 0 15px; height: 45px; line-height: 45px; font-size: 16px; font-weight: 500;position: relative; border-radius: 4px; margin: 0 0 5px 0}
.accordion-titulo:after {content: '\02795'; position: absolute; top: 0; right: 0; width: 45px; height: 45px; text-align: center; line-height: 50px;}
.accordion-titulo-activo:after {
content: "\2796";
}
.accordion-contenido{margin: 30px 0; display: none}

/* BANNER ***************************************************************************************************************/

.banner-1-1, .banner-1-2, .banner-2-1, .banner-3-1{display: block; text-align: center; position: relative; width: 100%; background-color: #fafafa;text-decoration: none !important; -webkit-appearance: none !important;transition: all 0.5s;}

.banner-1-1 .handler, .banner-1-2 .handler, .banner-2-1 .handler, .banner-3-1 .handler{position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}

.banner-1-1:before{content: ""; display: block; padding-top: 100%;}
.banner-1-2:before{content: ""; display: block; padding-top: 200%;}
.banner-2-1:before{content: ""; display: block; padding-top: 50%;}
.banner-3-1:before{content: ""; display: block; padding-top: 33.33333%;}

.banner-1-1 .img, .banner-1-2 .img, .banner-2-1 .img, .banner-3-1 .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50%  !important; transition: all 0.5s; transform: scale(1,1);}
.banner-1-1:hover .img, .banner-1-2:hover .img, .banner-2-1:hover .img, .banner-3-1:hover .img{transform: scale(1.2,1.2);}

.banner-1-1 .shape, .banner-1-2 .shape, .banner-2-1 .shape, .banner-3-1 .shape{position: absolute; top: -10px; left: -10px; right: 10px; bottom: 10px; background-color: #F4F4F4; z-index: 1; display: none;}

.banner-1-1 .info, .banner-1-2 .info, .banner-2-1 .info, .banner-3-1 .info{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  color: #333842; z-index: 4;}
.banner-1-1:hover .info, .banner-1-2:hover .info, .banner-2-1:hover .info, .banner-3-1:hover .info{opacity: 1;}

.banner-1-1 .info .titulo, .banner-1-2 .info .titulo, .banner-2-1 .info .titulo, .banner-3-1 .info .titulo{font-weight: 400; margin: 0 0 10px 0;}
.banner-1-1 .info .descripcion, .banner-1-2 .info .descripcion, .banner-2-1 .info .descripcion, .banner-3-1 .info .descripcion{font-size: 19px; font-weight: 700; line-height: 25px; margin: 0 0 20px 0;}
.banner-1-1 .info .boton, .banner-1-2 .info .boton, .banner-2-1 .info .boton, .banner-3-1 .info .boton{border: 2px #333842 solid; height: 40px; line-height: 40px; padding: 0 20px; display: inline-block; letter-spacing: 1px; }
.banner-1-1 .play, .banner-1-2 .play, .banner-2-1 .play, .banner-3-1 .play{position: absolute; bottom: 40px; left: 40px; height: 60px; width: 60px; z-index: 4; background: url(../gui/ico_play.svg) 50% 50% no-repeat; background-size: 100% auto; display: inline-block; width: 60px !important; height: 60px !important; line-height: 0 !important; border: 0 !important; padding: 0 !important; }

.banner-video .info{position: absolute; top: 40px; left: 40px; transform: translate(0, 0);  color: #333842; z-index: 4; text-align: left;}

.banner-1-1 .cover, .banner-1-2 .cover, .banner-2-1 .cover, .banner-3-1 .cover{background-color: #808285; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3;text-decoration: none !important; transition: all 0.5s;}
.banner-1-1:hover .cover, .banner-1-2:hover .cover, .banner-2-1:hover .cover, .banner-3-1:hover .cover{opacity: 0.4;}

.banner-libre{width: 100%; text-align: center}
.banner-libre a{}
.banner-libre a img{border: 0; padding: 0; margin: 0; max-width: 100%; height: auto;vertical-align: middle;}

/* Modal ***************************************************************************************************************/

.modal{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 9999;display: none;}
.modal .modal-contenedor{background-color: var(--color1); color: var(--color4); width: 300px; position: relative; padding: 30px;border-radius: 6px; box-shadow: 5px 10px 30px rgba(0,0,0,0.5);}
.modal .modal-contenedor h1{color: var(--color4);}
.modal .modal-contenedor h2{color: var(--color4);}
.modal .modal-contenedor h3{color: var(--color4);}
.modal .modal-contenedor b{color: var(--color4);}
.modal .modal-contenedor .modal-close{position: absolute; top: 25px; right: 22px; text-decoration: none; display: block; font-size: 30px; color: var(--color4); width: 30px; height: 30px; line-height: 30px; text-align: center}

.modal .modal-contenedor .btn{background-color: var(--color2); color: var(--color4);}

.modal .modal-contenedor ul.bx-lista{background-color: rgba(0,0,0,0.07)}
.modal .modal-contenedor ul.bx-lista li {border-bottom: 1px var(--color1) solid; color: var(--color2);}

/* Modal PopUp ***************************************************************************************************************/

.modal-popup{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 9999;display: none;}
.modal-popup .modal-popup-contenedor{background-color: #4AC6E4; width: 300px; position: relative; padding: 0px;border-radius: 0px;}
.modal-popup .modal-popup-contenedor .modal-popup-close{position: absolute; top: -30px; right: -30px; text-decoration: none; display: block; font-size: 18px; color: #333842; width: 30px; height: 30px; line-height: 30px; text-align: center}

/* Modal Full ***************************************************************************************************************/

.modal-full{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 9999;display: none;}
.modal-full .modal-full-contenedor{background-color: #333842; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px;}
.modal-full .modal-full-contenedor .col-slide{position: absolute; left: 0; top: 0; right: 50%; bottom: 0;}

.modal-full .modal-full-contenedor .col-data{position: absolute; left: 50%; top: 0; right: 0; bottom: 0;z-index: 1; padding: 30px; overflow-y: auto;}
.modal-full .modal-full-contenedor .modal-full-close{position: absolute; top: 0px; right: 0px; text-decoration: none; display: block; font-size: 18px; color: #CCC; width: 30px; height: 30px; line-height: 30px; text-align: center; z-index: 2}

/* Modal Lateral ***************************************************************************************************************/

.modal-lateral{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 1000; display: none; overflow: hidden;-webkit-overflow-scrolling: touch;}
.modal-lateral .modal-lateral-contenedor{background-color: #333842; width: 400px; position: absolute; top: 0; right: -400px; bottom: 0;}

.modal-lateral .modal-lateral-contenedor .modal-lateral-data h2{border-bottom: 1px #DDD solid; height: 80px; line-height: 80px; text-indent: 40px;}
.modal-lateral .modal-lateral-contenedor .modal-lateral-data .contenido{position: absolute; top: 80px; left: 0px; right: 0px; bottom: 80px !important; overflow-y: auto; padding: 40px 40px 40px 40px;}
.modal-lateral .modal-lateral-contenedor .modal-lateral-data .ffbc{position: absolute; bottom: 0px; right: 0; left: 0; text-align: center; box-sizing: border-box; background-color: #808285; height: 80px !important; padding: 20px 0;}
.modal-lateral .modal-lateral-contenedor .modal-lateral-close{position: absolute; top: 0px; right: 0px; text-decoration: none; display: block; font-size: 32px; color: #808285; background-color: #333842; width: 80px; height: 80px; line-height: 80px; text-align: center; z-index: 1;}

.modal-lateral .modal-lateral-contenedor__on{right: 0px !important;}
.modal-lateral .modal-lateral-contenedor__on .modal-lateral-data .ffbc{right: 0 !important;}


.modal-lateral .modal-lateral-contenedor .modal-lateral-data{}
.modal-lateral .modal-lateral-contenedor .modal-lateral-data ul.lista{margin: 0; padding: 0;}
.modal-lateral .modal-lateral-contenedor .modal-lateral-data ul.lista li{margin: 0; padding: 0; list-style: none}
.modal-lateral .modal-lateral-contenedor .modal-lateral-data ul.lista li a{text-decoration: none; font-size: 16px; height: 40px; line-height: 40px;}

.modal-lateral .modal-lateral-contenedor .modal-lateral-data hr { margin: 40px -40px}

/* Extras ***************************************************************************************************************/

.sticky{position: -webkit-sticky;position: sticky; top: 20px;}
.msg-norecords{text-align: center; font-size: 16px; margin: 0px 0; padding: 40px; color: var(--color4); background-color:  var(--color3); border-radius: 6px;}
.movil{display: none !important;}
.nomovil{display: block !important;}

.mesaeventos-cover{background-size: cover !important; background-position: 50% 50% !important; width: 300px; height: 300px; background-color: #808285; border-radius: 300px; border: 10px #a4a4a4 solid;margin: 0 auto 30px auto;}

/* Tabla ***************************************************************************************************************/

.t{display:table;width:100%;border-collapse: collapse;margin: 0; padding: 0;}
.t .th{font-weight: bold;display:table-row;text-align: left; border-bottom: 2px var(--color2) solid;}
.t .tr{display:table-row;text-align: left;border-bottom: 1px var(--color2) solid; }
.t .tr:last-child{border: 0;}
.t a.tr{cursor: pointer !important; text-decoration: none}
.t .trho{border-bottom: 1px var(--color2) solid !important;}
.t .trhoall, .t .trhoall input[type="text"]{background-color: #f2f6f9; }
.t .tc{display:table-cell;padding: 12px;position: relative; vertical-align: top}
.t .tct{margin: 35px 0 0 0; font-weight: 700}
.t .tci{display:table-cell;padding: 12px 12px 12px 0px;vertical-align: top}
.t .tcid{display:table-cell;padding: 12px 0px;vertical-align: top}
.t .tcd{display:table-cell;padding: 12px 0px 12px 12px;vertical-align: top}

.t .novp{padding-top: 0 !important; padding-bottom: 0 !important;}
.t .notvp{padding-top: 0 !important; }
.t .nobvp{padding-bottom: 0 !important;}
.t .trnb{border-bottom: 0px !important;}
.t .ffc{margin: 0; padding: 0;}

.px20{width: 20px}
.px30{width: 30px}
.px40{width: 40px}
.px50{width: 50px}
.px60{width: 60px}
.px70{width: 70px}
.px80{width: 80px}
.px90{width: 90px}
.px100{width: 100px}
.px110{width: 110px}
.px120{width: 120px}
.px130{width: 130px}
.px140{width: 140px}
.px150{width: 150px}
.px160{width: 160px}
.px170{width: 170px}
.px180{width: 180px}
.px190{width: 190px}
.px200{width: 200px}

.p25{width: 25%}
.p33{width: 33.33333%}
.p50{width: 50%}
.p100{width: 100%}

.bx-t{position: relative; overflow: auto; white-space:nowrap; margin: 0px; padding: 0; background-color: var(--color3); border-radius: 4px; white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}

/* UL Bx Lista ***************************************************************************************************************/

ul.bx-lista{margin: 0; padding: 0; border-radius: 6px; background-color: var(--color3)}
ul.bx-lista-sp{margin: 0 0 20px 0;}
ul.bx-lista li {margin: 0; padding: 15px; list-style: none; border-bottom: 1px var(--color2) solid; color: var(--color4); text-align: left; position: relative;}
ul.bx-lista li.accion{padding: 0;}
ul.bx-lista li.accion a{display: block; text-align: center; padding: 15px; font-size: 11px; text-decoration: none; text-transform: uppercase; font-weight: 700;}
ul.bx-lista li.np {padding: 0px;}
ul.bx-lista li h3{margin: 0 0 5px 0; text-transform: uppercase; font-size: 10px; color: #999; font-weight: normal;}
ul.bx-lista li span{float: right;}
ul.bx-lista li:last-child {border: 0;}
ul.bx-lista li .copiar-texto{text-transform: uppercase; font-size: 10px; text-decoration: none; background-color: #808285; color: #333842; height: 20px; line-height: 22px; padding: 0 5px; display: inline-block; border-radius: 3px;}
ul.bx-lista li .btn-t-r{position: absolute; top: 10px; right: 10px; height: 20px !important; line-height: 21px !important; padding: 0 7px !important; font-size: 11px; text-transform: uppercase; text-decoration: none; font-weight: 700; display: block; cursor: pointer;}

/* UL Bx Links ***************************************************************************************************************/

ul.bx-links{margin: 0; padding: 0; border-radius: 6px; background-color: rgba(0,0,0,0.05);}
ul.bx-links-sp{margin: 0 0 30px 0;}
ul.bx-links li {margin: 0; list-style: none; border-bottom: 1px var(--color1) solid}
ul.bx-links li a{padding: 15px; display: block; text-decoration: none; color: var(--color2); font-weight: 600; cursor: hand}
ul.bx-links li a.tarjeta{background: url(../gui/ico/tarjeta.svg) 15px 50% no-repeat; background-size: 24px auto; text-indent: 35px;}
ul.bx-links li a.accion{color: #808285; font-weight: 700; background-color: #f9f9f9}
ul.bx-links li a.fake:hover{background-color: transparent; color: #777}

ul.bx-links li a:hover{}
ul.bx-links li a span{float: right}
ul.bx-links li a.descarga{background: url(../gui/ico_arrow_bottom.svg) calc(100% - 10px) 9px no-repeat; background-size: 30px auto; transition: all 200ms ease;}
ul.bx-links li a.descarga:hover{background: url(../gui/ico_arrow_bottom.svg) calc(100% + 40px) 9px no-repeat; background-size: 30px auto; background-color: #fafafa}

ul.bx-links li a .t{display: table;width:100%;border-collapse: collapse;margin: 0; padding: 0;}
ul.bx-links li a .t .tr{display: table-row;}
ul.bx-links li a .t .tr .tc{display: table-cell;}
ul.bx-links li a .t .tr .tci{padding: 0 10px 0 0; border-right: 1px #f2f6f9 solid; width: 10px;}
ul.bx-links li a .t .tr .tcc{padding: 0 0 0 10px;}
ul.bx-links li a .t .tr .tcd{padding: 0 0 0 10px}
ul.bx-links li:last-child {border: 0;}

ul.bx-links-hor{margin: 0; padding: 0; border-radius: 6px; background-color: rgba(0,0,0,0.05); display: grid; grid-template-columns: 1fr 1fr}
ul.bx-links-hor li {margin: 0; list-style: none; border-bottom: 0 var(--color1) solid;}
ul.bx-links-hor li:not(:last-child) {border-right: 1px var(--color1) solid;}

/* Tabs ***************************************************************************************************************/

/*
.tabs{margin: 0px;padding: 0 30px;box-sizing: border-box;list-style: none;}
.tabs-sp-up{margin-top: 30px;}
.tabs .tab{text-decoration: none; font-weight: normal; cursor: pointer; height: 35px; line-height: 35px; padding: 0 15px; margin: 0; display: inline-block; color: rgba(40,47,68,0.6); position: relative;}
.tabs .tab.activo{background-color: #333842; color: #808285; border-radius: 4px 4px 0 0;}
.tabs .tab-contenido{display: none;padding: 20px 0 0 0; background-color: #333842; padding: 15px;}
.tabs .tab-contenido.activo{display: block !important;}
.tabs .tab-contenido ul{margin: 0 0 0 15px; padding: 0}

*/

/* Tabs Wide ***************************************************************************************************************/

.tabs-wide{margin: 0px;padding: 0;box-sizing: border-box;list-style: none;}
.tabs-wide .tab-menu{text-align: center;}
.tabs-wide .tab{text-decoration: none; font-weight: normal; cursor: pointer; height: 40px; line-height: 40px; padding: 0 20px; margin: 0; display: inline-block;position: relative;}
.tabs-wide .tab.activo{border-bottom: 3px #808285 solid;}
.tabs-wide .tab-contenido{display: none;}
.tabs-wide .tab-contenido.activo{display: block !important;}

/* SECCION ACCION ***************************************************************************************************************/

.seccion-accion{font-size: 20px;}

/* SECCION ACCESO ***************************************************************************************************************/

.seccion-acceso{margin: 0 auto;}
.seccion-acceso .msg-error{margin: 30px 0; color: #808285; font-weight: 700; text-align: center;}
.seccion-acceso .btn-fb-login{margin: 20px 0 0 0; background: url(../gui/ico_facebook.svg) 16px 50% no-repeat; background-size: auto 20px; border:0;border-radius: 3px; height: 40px; line-height: 40px; padding: 0 0px; text-decoration: none; display: inline-block !important; background-color: #4267B2; color: #333842; -webkit-appearance:none;outline: none; text-align: left !important; text-indent: 40px;}


.seccion-acceso-modal{width: 100%;}
.seccion-acceso-modal hr{margin: 30px -30px;}
.seccion-acceso-modal h2{font-size: 16px;}
.seccion-acceso-modal .or{position: absolute; left: 50%; font-size: 10px; width: 100px; height: 20px; line-height: 20px; background-color: #333842; margin: -10px 0 0 -50px; text-align: center; color: #999}
.seccion-acceso-modal .bx{border: 1px #f2f6f9 solid; padding: 30px; border-radius: 3px;}
.seccion-acceso-modal .msg-regresar{margin: 0 0 30px 0;}
.seccion-acceso-modal .msg-registro{margin: 30px 0;}
.seccion-acceso-modal .msg-error{margin: 30px 0; color: #808285; font-weight: 700; text-align: center;}

/* SECCION USUARIOS ***************************************************************************************************************/

.seccion-usuario .categorias{background-color: var(--color1); padding: 30px 40px;}
.seccion-usuario .categorias h2{ margin: 0; padding: 0; cursor: pointer; font-size: 16px; color: #333842;}
.seccion-usuario .categorias .links{margin: 10px 0 0 0;}
.seccion-usuario .categorias a{color: #333842; text-decoration: none; display: block; height: 30px; line-height: 30px;}

.seccion-usuario .direcciones .item{border: 1px #f2f6f9 solid; border-radius: 3px; margin: 0 0 20px 0; padding: 20px; position: relative; min-height: 100px}
.seccion-usuario .direcciones .item:last-item{margin: 0;}
.seccion-usuario .direcciones .item .sin-direcciones{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; text-align: center;}
.seccion-usuario .direcciones .item .btn-agregar-direccion{}
.seccion-usuario .direcciones .item .btn-editar{position: absolute; top: 20px; right: 20px;}

/* Controles de incremento ***************************************************************************************************************/

.controles-incremento{position: relative; background-color: #808285; padding: 0px; margin: 0px; height: 40px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; border-radius: 3px;}
.controles-incremento div{text-align: center; line-height: 40px; font-size: 22px; font-weight: 400; cursor: default !important; color: #333842}
.controles-incremento .menos{width: 40px; height: 40px; line-height: 42px; position: absolute; left: 0; color: #333842}
.controles-incremento .campo{width: 40px; height: 40px; text-align: center; padding: 0; text-indent: 0; position: absolute; left: 50%; margin: 0 0 0 -20px;font-size: 16px !important; color: #333842; border: 0; box-shadow: none; background-color: transparent;}
.controles-incremento .mas{width: 40px; height: 40px; position: absolute; right: 0; color: #333842}
  
/* SECCION FOOTER ***************************************************************************************************************/

.seccion-footer {}

/* FANCYBOX **************************************************************************************************************/
  
@charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:20px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#202124}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
  
/* Formus ***************************************************************************************************************/

input[type="text"],input[type="number"],input[type="password"],input[type="email"],input[type="file"]{border: 0px; border-bottom:1px var(--color4) solid;color:var(--color4);margin:0;background-color:var(--color2);outline:none;font-size: 13px !important; font-weight: 500; width: 100%; height: 40px; text-indent: 0px; padding: 0; box-sizing: border-box;-webkit-appearance:none; border-radius: 0;}

input[type="text"].buscador{font-size: 42px !important; color: var(--color4); font-weight: 700; text-align: center; letter-spacing: 0px; height: 60px; border-top: 0; border-right: 0; border-left: 0; border-radius: 0;}
::-webkit-input-placeholder {color: #808285 !important;}

textarea{border:1px #e3e6e9 solid;border-radius:3px;color:#333842;margin:0;background-color:var(--color4);outline:none;font-size: 13px !important;font-weight: 400; width: 100%; padding: 10px; box-sizing: border-box;-webkit-appearance:none;}

select{border:1px #e3e6e9 solid;border-radius:3px;color:#333842;margin:0;background-color:var(--color4);outline:none;font-size: 13px !important;font-weight: 400; width: 100%; height: 40px; text-indent: 10px;-webkit-appearance:none;}

.bx-radio{border: 1px #DDD solid; border-radius: 3px; background-color: #fafafa}
.bx-radio-sp{margin: 0 0 20px 0}

input[type=radio] {display:none; }
input[type=radio] + label {display:block;padding: 2px 0px 2px 22px; vertical-align:middle;text-align:left;color: #AAA; margin: 0px ; background: url(../gui/ico_radio_off.svg) 0px 5px no-repeat; background-size: 12px auto; cursor: pointer;}
.radioBig:last-child input[type=radio] + label {border-bottom: 0px #DDD solid !important;}
input[type=radio]:checked + label {background: url(../gui/ico_radio_on.svg) 0px 5px no-repeat; color: #808285; margin: 0px;background-size: 12px auto; background-color: #333842}

input[type=checkbox] {display:none; }
input[type=checkbox] + label {display:block;padding: 5px 0px 5px 26px; vertical-align:middle;text-align:left;color: #9AA0A6; margin: 0 ; background: url(../gui/ico/check-off.svg) 0px 2px no-repeat; background-size: 20px auto}
input[type=checkbox]:checked + label {background: url(../gui/ico/check-on.svg) 0px 2px no-repeat; color: #FFF; margin: 0;background-size: 20px auto}

input:focus{outline:0px;}
input[type="text"].disabled{color:#AAA!important}

input[type="submit"], .btn{border:0;border-radius: 40px; height: 40px; line-height: 40px; padding: 0 30px; text-align: center; text-decoration: none; text-transform: uppercase; display: inline-block !important; background-color: var(--color1); color: var(--color4); font-size: 13px; font-weight: 600 !important; -webkit-appearance:none;outline: none; cursor: pointer;}

input[type="submit"]:disabled{color:#9AA0A6!important; background-color: #3C4043 !important;}

.btn-mini{border:0;border-radius: 3px; height: 24px !important; line-height: 25px !important; padding: 0 8px !important; text-decoration: none; display: inline-block !important; background-color: #808285; color: #333842; font-weight: 700; -webkit-appearance:none;outline: none; font-size: 11px !important; letter-spacing: 1px; text-transform: uppercase;}

.btn-wide {width: 100%; text-align: center; box-sizing: border-box}

.btn-varios{margin: 0 10px;}

label.error{margin:10px 0 0 0px !important;display: none !important}
.required.error{border-bottom: 1px var(--color1) solid}

.conekta-card-errors span{text-align: center; margin: 0 0 20px 0; color: #808285; font-weight: 700; display: block; width: 100%;}

.ft{margin: 0 0 0px 0;}
.ff{margin: 0 0 0px 0;}
.ffc{margin: 0 0 20px 0;}
.ffc:last-child{margin: 0 0 0 0;}
.ft-apoyo{margin: 10px 0; font-style: italic;}
.ff-msg{margin: 30px 0 0 0;}

.StripeElement {box-sizing: border-box;height: 40px;padding: 10px 12px;border: 1px solid transparent;border-radius: 6px;
  background-color: var(--color4);}
.StripeElement--focus {}
.StripeElement--invalid {border-color: var(--color1);}
.StripeElement--webkit-autofill {background-color: var(--color3) !important;}

@media screen and (max-width: 1023px){
    
	.contenedor{width: 880px;}
	.contenedor .bx{padding: 0 50px;}
	
	.contenedor-3 {width: 880px;}
	.contenedor-3-full {width: 100%;}
	
	.contenedor-4 {width: 880px;}
	.contenedor-4-full {width: 100%;}
	.contenedor-4 .bx{padding: 15px;}
	.contenedor-4 .grid-1{width: 50%; }
	.contenedor-4 .grid-2{width: 50%; }
	.contenedor-4 .grid-3{width: 100%; }
	.contenedor-4 .grid-4{width: 100%; }
	
	.galeria-grid-sizer, .galeria-grid-item { width: 25%; }
	
}

@media screen and (max-width:768px) {
	
	body{font-size: 13px; line-height: 16px;}
	
	h1{font-size: 31px; line-height: 34px;}
	h2{font-size: 23px; line-height: 26px;}
	h3{font-size: 17px; line-height: 20px;}
	
	::-webkit-scrollbar {width: 5px; height: 0px; background-color: transparent}
	::-webkit-scrollbar-track {-webkit-border-radius: 0px;border-radius: 0px;margin: 0;}
	::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background-color: var(--color1);}
	::-webkit-scrollbar-thumb:window-inactive {background-color: #e3e6e9;}

	/* HEADER */
	
	.body{padding: 0px 0 60px 0;}
	.seccion-header{margin: 0px; position: relative;z-index: 101;}
	
	/* Navegacion Menu ***************************************************************************************************************/
	
	.nav-menu{left: auto; top: 50px; right: 30px; transform: none !important; background-color: transparent}
	.nav-menu li{display: block;}
	.nav-menu li:last-child{border-bottom: 0;}
	.nav-menu li.nav-menu-bi{display: block; z-index: 300; border: 0;}
	.nav-menu .nav-menu-links{display: none; background-color: var(--color2); position: fixed; top: 0px; left: 0; right: 0; bottom: 0; padding: 200px 40px 0px 40px; box-sizing: border-box; overflow-y: auto;}
	.nav-menu .nav-menu-links .nav-all{display: block;}
	.nav-menu .nav-menu-links .nav-submenu2-back{display: block;}
	.nav-menu .nav-menu-links .nav-submenu3-back{display: block;}
	.nav-menu .nav-menu-links .nav-submenu4-back{display: block;}
	.nav-menu li a{color:var(--color4); font-size: 18px; font-weight: 400; display:block; padding:0px; margin: 0; height:40px; line-height:40px; text-decoration:none;}
	
	.nav-menu li.link-creditos {position: absolute; top: 80px; left: 40px; right: 40px; font-size: 16px; color: var(--color4)}
	.nav-menu li.link-creditos .usuario{margin: 0 0 10px 0; padding: 0; color: var(--color1) !important; font-size: 25px; line-height: 25px;}
	
	.nav-menu li.link-terminos {position: absolute; bottom: 40px; left: 40px; right: 40px; margin: 0 !important; padding: 0 !important;}
	.nav-menu li.link-terminos a{color: var(--color4); font-size: 12px; height: 20px; line-height: 20px;}
	
	.nav-menu li ul{display:none;position:fixed; top: 160px !important; left: 40px !important; right: 40px !important; bottom: 0 !important; width: auto !important; list-style:none;padding:0px; overflow-y: auto !important; background-color: var(--color4)}
	.nav-menu li ul li{display: block !important; width: 100%;}
	.nav-menu li ul li:last-child{border-bottom: 0px}
	.nav-menu li ul li a{display:block;height:40px;line-height:40px;padding:0px!important;color:#2B2D2F !important;text-decoration:none;}
	.nav-menu li ul li ul{display:none;position:fixed;list-style:none;padding:0px;top:0px;left:0px; right: 0; bottom: 0; overflow-y: auto !important; background-color: var(--color4)}
	.nav-menu li ul li{display: block}
	.nav-menu li ul li:last-child{border-bottom: 0px}
	.nav-menu li ul li a{display:block;height:40px;line-height:40px;padding:0px; margin: 0; color:#2B2D2F !important;text-decoration:none;}
	.nav-menu li a.link-cuenta{background-color: #2B2D2F !important; color: var(--color4); text-align: center; margin-top: 20px;}
	
	.nav-account{right: 30px !important;}
	.nav-account .link-cuenta{display: none}
	.nav-account .link-buscar{display: none}
	
	.nav-footer{position: fixed; bottom: 40px; right: 40px; z-index: 300; border-radius: 40px; padding: 0 10px; display: none;}
	
	/* CONTENEDORES */
	
	.seccion-portada .contenido{position: absolute; bottom: 40px; left: 50%; width: 300px; transform: translate(-50%, 0);}
	
	/* Grid 0 ***************************************************************************************************************/

	.grid {padding: 20px;}
	.grid-narrow {width: 100%; margin: 0 auto;}
	.grid-narrow-plus {width: 100%; margin: 0 auto;}
	.grid .bx-header{margin: 20px 0; padding: 0 20px !important; text-align: left}
	.grid .bx-footer{margin: 20px 0; padding: 0;}
	.grid .bx{margin: 20px;}
	
	/* Grid 2 ***************************************************************************************************************/
	
	.grid-2--1{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(2, 1fr);}
	.grid-2--1 .bx-header{grid-column: 1 / 3; margin: 0; padding: 0 20%;}
	.grid-2--1 .bx-footer{grid-column: 1 / 3; margin: 0; padding: 0 20%;}
	.grid-2--1 .bx{margin: 0; padding: 0;}
	
	/* Grid 3 ***************************************************************************************************************/
	
	.grid-3--1{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(3, 1fr);}
	.grid-3--1 .bx-header{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
	.grid-3--1 .bx-footer{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
	.grid-3--1 .bx{margin: 0; padding: 0;}
	
	/* Grid 3--2-1 ***************************************************************************************************************/

	.grid-3--2-1{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(3, 1fr);}
	.grid-3--2-1 .bx-header{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
	.grid-3--2-1 .bx-footer{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
	.grid-3--2-1 .bx{margin: 0; padding: 0;}
	.grid-3--2-1 .bx:nth-child(1){grid-column: 1 / 3 !important}
	.grid-3--2-1 .bx:nth-child(2){grid-column: 3 / 4 !important}
	
	/* Grid 3--1-2 ***************************************************************************************************************/
	
	.grid-3--1-2{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(3, 1fr);}
	.grid-3--1-2 .bx-header{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
	.grid-3--1-2 .bx-footer{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
	.grid-3--1-2 .bx{margin: 0; padding: 0;}
	.grid-3--1-2 .bx:nth-child(1){grid-column: 1 / 2 !important}
	.grid-3--1-2 .bx:nth-child(2){grid-column: 2 / 4 !important}
	
	/* Grid 4 ***************************************************************************************************************/
	
	.grid-4--1{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(2, 1fr);}
	.grid-4--1 .bx-header{grid-column: 1 / 3; margin: 0; padding: 0 20%;}
	.grid-4--1 .bx-footer{grid-column: 1 / 3; margin: 0; padding: 0 20%;}
	.grid-4--1 .bx{margin: 0; padding: 0;}
	
	/* Grid 4--1-3 ***************************************************************************************************************/
	
	.grid-4--1-3{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(4, 1fr);}
	.grid-4--1-3 .bx-header{grid-column: 1 / 5; margin: 0; padding: 0 20%;}
	.grid-4--1-3 .bx-footer{grid-column: 1 / 5; margin: 0; padding: 0 20%;}
	.grid-4--1-3 .bx{margin: 0; padding: 0;}
	.grid-4--1-3 .bx:nth-child(1){grid-column: 1 / 2;}
	.grid-4--1-3 .bx:nth-child(2){grid-column: 2 / 5;}
	
	/* Grid orden ***************************************************************************************************************/

	.grid-orden{display: grid; grid-gap: 1px; padding: 0px; width: 100%; margin: 0 auto; box-sizing: border-box; grid-template-columns: repeat(1, 1fr);}
	.grid-orden .bx-header{grid-column: 1 / 2; margin: 0; padding: 0%;}
	.grid-orden .bx-footer{grid-column: 1 / 2; margin: 0; padding: 0%;}
	.grid-orden .bx{margin: 0; padding: 30px;  background-color: var(--color2);}
	
	/* FIT ***************************************************************************************************************/
	
	.fit-grid-semana {display: grid; grid-gap: 5px; grid-template-columns: repeat(31, 1fr); padding: 0 40px !important; margin: 0 -40px; white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
	.fit-grid-semana .dia{ width: 120px;}
	.fit-grid-semana .dia .dia-nombre{margin: 0 0 20px 0;font-weight: 500; text-align: center;}
	.fit-grid-semana .dia .dia-nombre .dia-numero{font-size: 19px;}
	.fit-grid-semana .dia .clase{margin: 0 0 5px 0; display: block; text-decoration: none;padding: 10px; box-sizing: border-box; border-radius: 100%; text-align: center; position: relative; font-size: 10px;}
	.fit-grid-semana .dia .clase:before{content: ''; display: block; padding-top: 100%}
	.fit-grid-semana .dia .clase:hover{}
	.fit-grid-semana .dia .clase-data{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.fit-grid-semana .dia .clase-bloqueada{}
	.fit-grid-semana .dia .clase-waitlist{}
	.fit-grid-semana .dia .clase-reservada{}
	.fit-grid-semana .dia .clase-nombre{}
	.fit-grid-semana .dia .clase-hora{}
	
	.fit-layout-instructor{width: 100px; height: 100px; border-radius: 100px; margin: 0px auto; display: block; padding: 0px; font-weight: 500; position: relative}
	.fit-layout-instructor span{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
	
	.grid-layout-cycle {display: grid; grid-gap: 5px; grid-template-columns: repeat(11, 1fr);}
	.grid-layout-cycle .spot .spot-numero{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
		
	.colores{margin: 0 -20px; border-top: 1px var(--color3) solid; border-bottom: 1px var(--color3) solid}
	
	/* MODALES */
	
	.modal .modal-contenedor{position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; border-radius: 0px !important; width: auto !important; height: auto !important; margin: 0 !important}
	
	.modal-full .modal-full-contenedor .col-slide{position: absolute; left: 0; top: 0; right: 0; bottom: 50% !important;display: none;}
	.modal-full .modal-full-contenedor .col-data{position: absolute; left: 0%; top: 0%; right: 0; bottom: 0;z-index: 1; padding: 30px; overflow-y: auto;}
	
	.modal-lateral .modal-lateral-contenedor{width: 100%;}
	
	/* SECCIONES ***************************************************************************************************************/
	
	.fit-compra .productos {display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 1fr);}
	
	/* EXTRAS */
	
	.movil{display: block !important;}
	.nomovil{display: none !important;}
	
	.link-to-top{width: 60px; height: 60px; bottom: 0px !important; right: 0px !important; cursor: default !important;}
	
	.galeria-grid-sizer, .galeria-grid-item { width: 50%; }
	
	.seccion-footer {margin: 0px; padding: 40px 40px 80px 40px; position: relative;}
	
	.ventu-copy{position: relative; bottom: 0; left: 0; background: url(../gui/recursos/logo_vs_copy.svg) 50% 50% no-repeat; background-size: auto 25px; width: 55px; height: 35px;}

}

@media screen and (max-width:415px) {
	
	/* Breadcrumb ***************************************************************************************************************/

	.breadcrumb{display: none}
	
	/* Grid 0 ***************************************************************************************************************/

	.grid {padding: 20px;}
	.grid .bx-header{margin: 20px 0; padding: 0;}
	.grid .bx-footer{margin: 20px 0; padding: 0;}
	.grid .bx{margin: 20px;}
	
	/* Grid 2 ***************************************************************************************************************/
	
	.grid-2--1{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(1, 1fr);}
	.grid-2--1 .bx-header{grid-column: 1 / 2; margin: 0; padding: 0 20%;}
	.grid-2--1 .bx-footer{grid-column: 1 / 2; margin: 0; padding: 0 20%;}
	.grid-2--1 .bx{margin: 0; padding: 0;}
	
	/* Grid 3 ***************************************************************************************************************/
	
	.grid-3--1{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(1, 1fr);}
	.grid-3--1 .bx-header{grid-column: 1 / 2; margin: 0; padding: 0 20%;}
	.grid-3--1 .bx-footer{grid-column: 1 / 2; margin: 0; padding: 0 20%;}
	.grid-3--1 .bx{margin: 0; padding: 0;}
	
	/* Grid 3--2-1 ***************************************************************************************************************/

	.grid-3--2-1{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(1, 1fr);}
	.grid-3--2-1 .bx-header{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
	.grid-3--2-1 .bx-footer{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
	.grid-3--2-1 .bx{margin: 0; padding: 0;}
	.grid-3--2-1 .bx:nth-child(1){grid-column: 1 / 2 !important}
	.grid-3--2-1 .bx:nth-child(2){grid-column: 1 / 2 !important}
	
	/* Grid 3--1-2 ***************************************************************************************************************/
	
	.grid-3--1-2{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(3, 1fr);}
	.grid-3--1-2 .bx-header{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
	.grid-3--1-2 .bx-footer{grid-column: 1 / 4; margin: 0; padding: 0 20%;}
	.grid-3--1-2 .bx{margin: 0; padding: 0;}
	.grid-3--1-2 .bx:nth-child(1){grid-column: 1 / 2 !important}
	.grid-3--1-2 .bx:nth-child(2){grid-column: 2 / 4 !important}
	
	/* Grid 4 ***************************************************************************************************************/
	
	.grid-4--1{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(1, 1fr);}
	.grid-4--1 .bx-header{grid-column: 1 / 2; margin: 0; padding: 0 20%;}
	.grid-4--1 .bx-footer{grid-column: 1 / 2; margin: 0; padding: 0 20%;}
	.grid-4--1 .bx{margin: 0; padding: 0;}
	
	/* Grid 4--1-3 ***************************************************************************************************************/
	
	.grid-4--1-3{display: grid; grid-gap: 40px; padding: 40px; grid-template-columns: repeat(4, 1fr);}
	.grid-4--1-3 .bx-header{grid-column: 1 / 5; margin: 0; padding: 0 20%;}
	.grid-4--1-3 .bx-footer{grid-column: 1 / 5; margin: 0; padding: 0 20%;}
	.grid-4--1-3 .bx{margin: 0; padding: 0;}
	.grid-4--1-3 .bx:nth-child(1){grid-column: 1 / 2;}
	.grid-4--1-3 .bx:nth-child(2){grid-column: 2 / 5;}
	
	.fit-compra .productos {display: grid; grid-gap: 20px; grid-template-columns: repeat(1, 1fr);}
	
	.grid-videos  .cover .titulo{position: absolute; bottom: 10px; left: 10px; background-color: var(--color2); padding: 7px 8px;  border-radius: 5px; display: block;}
	 .grid-videos  .cover .titulo h3{font-size: 13px !important;}
	
	.galeria-grid-sizer, .galeria-grid-item { width: 100%; }
	.modal-popup .modal-popup-contenedor{background-color: #333842; width: 80% !important; position: relative; padding: 0px;border-radius: 0px;}
	.modal-popup .modal-popup-contenedor img{width: 100% !important;}
}