:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,::after,::before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}menu,ol,summary,ul{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}

@keyframes rotate {from {-webkit-transform:rotate(0deg);}to {  -webkit-transform:rotate(360deg);}}

html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%; letter-spacing: 0%; font-size: var(--tbase);}

body{font-family: var(--font-family), sans-serif; font-size: var(--t2); font-weight: var(--font-weight-body); line-height: var(--font-lineheight-p); color: var(--c4); background-color: var(--c1);}

h1{font-family: var(--font-family-alt), sans-serif; font-size: var(--t6); line-height: var(--font-lineheight-h1); margin: 0 0 var(--space-h1) 0; padding: 0; color: var(--font-color-h1); font-weight: var(--font-weight-h1);}
h2{font-family: var(--font-family-alt), sans-serif; font-size: var(--t5); line-height: var(--font-lineheight-h2); margin: 0 0 var(--space-h2) 0; padding: 0; color: var(--font-color-h2); font-weight: var(--font-weight-h2);}
h3{font-size: var(--t4); line-height: var(--font-lineheight-h3); margin: 0 0 var(--space-h3) 0; padding: 0; color: var(--font-color-h3); font-weight: var(--font-weight-h3);}
h4{font-size: var(--t3); line-height: var(--font-lineheight-h4); margin: 0 0 var(--space-h4) 0; padding: 0; color: var(--font-color-h4); font-weight: var(--font-weight-h4);}
h5{font-size: var(--t2); line-height: var(--font-lineheight-h5); margin: 0 0 var(--space-h5) 0; padding: var(--padding-h5); font-weight: var(--font-weight-h5); border-radius: var(--br6); background-color: var(--kc); color: var(--kcc); display: inline-block;}

a { color: var(--c5); }
a.link {color: var(--linkColor); text-decoration: var(--linkDecoration); }
b, strong { color: var(--c5); font-weight: var(--font-weight-bold); }
small { font-size: var(--t1); display: block; line-height: 13px !important; }

ul { list-style: disc !important; margin: var(--space-ul); }
ul:last-child { margin-bottom: 0; }
ul li { margin: var(--space-li); }
ul li:last-child { margin-bottom: 0; }

ol { list-style-type: decimal !important; margin: var(--space-ul); }
ol:last-child { margin-bottom: 0; }
ol li { margin: var(--space-li); }
ol li:last-child { margin-bottom: 0; }

blockquote { position: relative; margin: 0 0 var(--space-p) 0; border-left: 4px solid var(--kb); padding: 8px 0 8px 24px; }

p { margin: 0 0 var(--space-p) 0; padding: 0;}
p:last-child{margin:0; padding:0;}

hr { border: 0; border-bottom: 1px var(--c3) solid;margin: 24px 0px; padding: 0;}

.nm{margin: 0 !important}
.np{padding: 0 !important}
.nbr{border-radius:0 !important;}
.ng{grid-gap:0 !important;}
.br1{border-radius: var(--br1) !important;}
.br2{border-radius: var(--br2) !important;}
.br3{border-radius: var(--br3) !important;}
.br4{border-radius: var(--br4) !important;}

.ac{text-align: center !important}
.al{text-align: left !important}
.ar{text-align: right !important}
.acc{display:flex; justify-content:center; align-items:center;}
.alc{display:flex;  align-items:center;}

.spd{margin-bottom: var(--spd) !important}
.spdh{margin-bottom: var(--spdh) !important}
.dspd{margin-bottom: var(--dspd) !important}
.spu{margin-top: var(--spu) !important}
.spuh{margin-top: var(--spuh) !important}
.dspu{margin-top: var(--dspu) !important}

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

.only-desk { display: block !important; }
.only-mobile { display: none !important; }

.tx-red {color: red !important;}

/* BX GRIDS */

.bx {padding: var(--bx-padding) !important;}
.bxv {padding: var(--bxv-padding) !important;}
.bxh {padding: var(--bxh-padding) !important;}
.bx-full { margin: var(--bx-bloques-full-margin) !important; padding: var(--bx-bloques-full-padding) !important; }
.bx-wide { margin: var(--bx-bloques-wide-margin) !important; padding: var(--bx-bloques-wide-padding) !important; }
.bx-1 {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 1fr !important;}
.bx-1-2 {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 1fr 1fr !important;}
.bx-1-2 div:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 2; }
.bx-1-2 div:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; }
.bx-1-2 div:nth-child(3) { grid-column: 2 / 3; grid-row: 2 / 3; }
.bx-1-3 {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 1fr 1fr 1fr !important;}
.bx-1-3 div:nth-child(1) { grid-column: 1 / 4; grid-row: 1 / 2; }
.bx-1-3 div:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; }
.bx-1-3 div:nth-child(3) { grid-column: 2 / 3; grid-row: 2 / 3; }
.bx-1-3 div:nth-child(4) { grid-column: 3 / 4; grid-row: 2 / 3; }
.bx-1-2f {display: grid; grid-gap: var(--bx-gap-h); grid-template-columns: 1fr 2fr;}
.bx-2 {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 1fr 1fr;}
.bx-2f {display: grid; grid-gap: var(--bx-gap-h); grid-template-columns: 1fr 1fr;}
.bx-2.invert div:first-child{grid-column: 1 / 2; grid-row: 1 / 2;}
.bx-2.invert div:last-child{grid-column: 2 / 3; grid-row: 1 / 2;}
.bx-3 {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 1fr 1fr 1fr;}
.bx-4 {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 1fr 1fr 1fr 1fr;}

.bx-33-66 {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 1fr 2fr;}
.bx-66-33 {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 2fr 1fr;}

.bx-1-1d {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 1fr 1fr;}
.bx-1-1d div:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 4; }
.bx-1-1d div:nth-child(2) { grid-column: 2 / 3; grid-row: 2 / 5; }

.bx-50x50-1-auto {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;}
.bx-50x50-1-auto div:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 3; }
.bx-50x50-1-auto div:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; }
.bx-50x50-1-auto div:nth-child(3) { grid-column: 2 / 3; grid-row: 2 / 3; }



/* NARROW */

.narrow{width: var(--narrow-width); margin: 0 auto;}
.narrow-left{width: var(--narrow-width); margin: 0 auto 0 0;}
.narrow-right{width: var(--narrow-width); margin: 0 0 0 auto;}
.narrow-doble{width: var(--narrow-doble-width); margin: 0 auto;}
.narrow-doble-left{width: var(--narrow-doble-width); margin: 0 auto 0 0;}
.narrow-doble-right{width: var(--narrow-doble-width); margin: 0 0 0 auto;}

/* HEADER */

header { position: relative; z-index: 10; height: var(--header-height); background-color: var(--header-bg); }
header .logo { position: absolute; left: var(--header-logo-left); top: var(--header-logo-top); z-index: 2; transform: var(--header-logo-transform); display: block; display: block; }
header .logo img { height: var(--header-logo-height); display: block; }

header .bx-burger { position: absolute; left: var(--header-burger-left); right: var(--header-burger-right); top: var(--header-burger-top); z-index: 2; transform: var(--header-burger-transform); display: none; width: var(--header-burger-size); height: var(--header-burger-size); }

header .burger { position: relative; width: var(--header-burger-size); height: var(--header-burger-size); background-color: var(--header-ico-bg); outline: var(--header-ico-b); border-radius: var(--header-ico-br); -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;}

header .burger span {display: block;position: absolute;height: 2px;width: 24px;background: var(--header-ico-color);border-radius: 8px;opacity: 1;left: 8px;-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;pointer-events: none;}
header .burger span:nth-child(1) {top: calc(50% - 4px); width: 20px;}
header .burger span:nth-child(2) {bottom: calc(50% - 4px);}
header .burger.burger-open span:nth-child(1) {top: calc(50% - 1px); width: 24px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
header .burger.burger-open span:nth-child(2) {bottom: calc(50% - 1px); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

header .nav { position: absolute; left: var(--header-menu-left); right: var(--header-menu-right); top: var(--header-menu-top); transform: var(--header-menu-transform); display: block; background-color: var(--header-menu-bg) !important; }
header .nav ul.nav-a { margin: 0; padding: 0; display: flex; gap: var(--header-menu-gap) }
header .nav ul.nav-a li { position: relative; list-style: none; margin: 0; padding: 0; }
header .nav ul.nav-a li a { margin: 0; padding: 0; height: var(--header-menu-link-height); line-height: var(--header-menu-link-height); display: block; text-decoration: none; color: var(--header-menu-color); font-size: var(--header-menu-size); font-weight: var(--header-menu-weight); }
header .nav ul.nav-a li a.btn { background-color: var(--header-btn-bg); color: var(--header-btn-color); outline: var(--header-btn-b); padding: var(--header-btn-padding); border-radius: var(--header-btn-br);}
header .nav ul.nav-a li a.btn-mi-cuenta { background-color: var(--header-btn-bg); color: var(--header-btn-color); outline: var(--header-btn-b); padding: var(--header-btn-padding); border-radius: var(--header-btn-br); }
header .nav ul.nav-a li a.btn-mi-cuenta-badge { background-color: var(--header-ico-bg); color: var(--header-ico-color); border: var(--header-ico-b); padding: 0 var(--px3) 0 var(--px7); border-radius: var(--header-ico-br); }
header .nav ul.nav-a li a.btn-mi-cuenta-badge span { background-color: var(--header-ico-badge-bg) !important; width: var(--header-ico-badge-size); height: var(--header-ico-badge-size); display: inline-block; position: absolute; top: var(--header-ico-badge-inset); left: var(--header-ico-badge-inset); border-radius: var(--header-ico-badge-size); }
header .nav ul.nav-a li a.btn-mi-cuenta-badge span::before{content:""; position: absolute; background: url(/cbpn-media/cliente.svg); top: 0; left: 0; bottom: 0; right:0; background-repeat: no-repeat !important; background-size: var(--header-ico-size) !important; background-position: 50% 50% !important; filter: var(--header-filter); -webkit-filter: var(--header-filter); }

header .nav ul.nav-a li a.btn-carrito { background-color: var(--header-ico-bg); color: var(--header-ico-color); border: var(--header-ico-b); margin-left: calc(0px - var(--px3)); padding: 0; width: var(--header-menu-link-height); height: var(--header-menu-link-height); border-radius: var(--header-ico-br); position: relative; }
header .nav ul.nav-a li a.btn-carrito::before{content:""; position: absolute; background: url(/cbpn-media/carrito.svg); top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; background-size: var(--header-ico-size) !important; background-position: 50% 50% !important; filter: var(--header-filter); -webkit-filter: var(--header-filter);}
header .nav ul.nav-a li a.btn-carrito span { position: absolute; top: var(--header-badge-postition); right: var(--header-badge-postition); width: var(--header-badge-size); height: var(--header-badge-size); background-color: var(--header-badge-bg); color: var(--header-badge-color); display: flex; align-items: center; justify-content: center; font-size: var(--header-badge-text-size); border-radius: var(--header-badge-size); pointer-events: none; }

header .nav ul.nav-a li ul.nav-b { position: absolute; top: calc(100% + var(--px2)); left: calc(0px - var(--px3)); margin: 0; padding: var(--px2) 0; min-width: 160px; background-color: var(--header-submenu-bg); border-radius: var(--header-submenu-br); display: none;}
header .nav ul.nav-a li ul.nav-b li a { color: var(--header-submenu-color); padding: 0 var(--px3); white-space: nowrap; height: var(--header-submenu-link-height); line-height: var(--header-submenu-link-height); }
header .nav ul.nav-a li ul.nav-b.in{left: auto !important; right: 0 !important;}

header .nav-account { position: absolute; left: var(--header-nav-account-left); right: var(--header-nav-account-right); top: var(--header-nav-account-top); z-index: 2; transform: var(--header-nav-account-transform); display: none; }
header .nav-account ul.nav-a { margin: 0; padding: 0; display: flex; gap: var(--header-nav-account-gap) }
header .nav-account ul.nav-a li { position: relative; list-style: none; margin: 0; padding: 0; }
header .nav-account ul.nav-a li a { margin: 0; padding: 0; height: var(--header-menu-link-height); line-height: var(--header-menu-link-height); display: block; text-decoration: none; color: var(--header-menu-color); font-size: var(--header-menu-size); font-weight: var(--header-menu-weight); }
header .nav-account ul.nav-a li a.btn-mi-cuenta { background-color: var(--header-ico-bg); color: var(--header-ico-color); border: var(--header-ico-b); padding: 0; width: var(--header-menu-link-height); height: var(--header-menu-link-height); border-radius: var(--header-ico-br); position: relative; text-indent: -6000px; }
header .nav-account ul.nav-a li a.btn-mi-cuenta::before{content:""; position: absolute; background: url(/cbpn-media/cliente.svg); top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; background-size: var(--header-ico-size) !important; background-position: 50% 50% !important; filter: var(--header-filter); -webkit-filter: var(--header-filter); }
header .nav-account ul.nav-a li a.btn-carrito { background-color: var(--header-ico-bg); color: var(--header-ico-color); border: var(--header-ico-b); padding: 0; width: var(--header-menu-link-height); height: var(--header-menu-link-height); border-radius: var(--header-ico-br); position: relative; }
header .nav-account ul.nav-a li a.btn-carrito::before{content:""; position: absolute; background: url(/cbpn-media/carrito.svg); top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; background-size: var(--header-ico-size) !important; background-position: 50% 50% !important; filter: var(--header-filter); -webkit-filter: var(--header-filter);}
header .nav-account ul.nav-a li a.btn-carrito span { position: absolute; top: var(--header-badge-postition); right: var(--header-badge-postition); width: var(--header-badge-size); height: var(--header-badge-size); background-color: var(--header-badge-bg); color: var(--header-badge-color); display: flex; align-items: center; justify-content: center; font-size: var(--header-badge-text-size); border-radius: var(--header-badge-size); pointer-events: none; }

header .nav-account ul.nav-a li ul.nav-b { position: absolute; top: calc(100% + var(--px2)); left: calc(0px - var(--px3)); margin: 0; padding: var(--px2) 0; min-width: 160px; background-color: var(--header-submenu-bg); border-radius: var(--header-submenu-br); display: none;}
header .nav-account ul.nav-a li ul.nav-b li a { color: var(--header-submenu-color); padding: 0 var(--px3); white-space: nowrap; height: var(--header-submenu-link-height); line-height: var(--header-submenu-link-height); }
header .nav-account ul.nav-a li ul.nav-b.in{left: auto !important; right: 0 !important;}

header.absolute { position: absolute; top: 0; right: 0; left: 0; background-color: var(--header-sticky-bg); border: 0; }
header.sticky { position: sticky; top: 0; background-color: var(--header-sticky-bg); }

/* BLOQUES */

.bloques{ position: relative; z-index: 2; display: grid; grid-gap: var(--bloques-gap); grid-template-columns: 1fr; grid-template-rows: 1fr; padding: var(--bloques-padding);}
.bloques .bloque-contenedor {padding: var(--bloques-contenedor-padding)}
.bloques .bloque-contenedor .bloque-columnas {}

/* FOOTER */

footer { padding: var(--footer-padding); display: grid; grid-gap: var(--footer-gap); grid-template-columns: 1fr;}
footer div { text-align: center; margin: 0 auto; }
footer .bx-links-redes { display: flex; gap: var(--footer-social-gap); }
footer .bx-links-redes .link { position: relative; width: var(--footer-social-size); height: var(--footer-social-size); border-radius: var(--footer-social-size); background-color: var(--footer-social-bg); display: block; text-indent: -6000px;}
footer .bx-links-redes .link::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: var(--footer-social-bg-size) auto !important; background-position: 50% 50% !important; width: var(--footer-social-size); filter: var(--footer-social-filter); -webkit-filter: var(--footer-social-filter);}
footer .bx-links-redes .link.facebook::before{background: url(/cbpn-media/facebook.svg);}
footer .bx-links-redes .link.instagram::before{background: url(/cbpn-media/instagram.svg);}
footer .bx-links-redes .link.tiktok::before{background: url(/cbpn-media/tiktok.svg);}
footer .bx-links-redes .link.x::before{background: url(/cbpn-media/x.svg);}
footer .bx-links-redes .link.youtube::before{background: url(/cbpn-media/youtube.svg);}
footer .bx-links-redes .link.spotify::before{background: url(/cbpn-media/spotify.svg);}
footer .bx-links-redes .link.linkedin::before{background: url(/cbpn-media/linkedin.svg);}
footer .bx-links { display: flex; gap: var(--footer-links-gap); }
footer .bx-links .link { }
footer .logoCubopanel { position: relative; width: 88px; height: 20px; margin: 0 auto; }
footer .logoCubopanel::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/cbpn-media/logoCubopanel.svg); background-repeat: no-repeat !important; background-size: 100% auto; background-position: 50% 50% !important; filter: var(--filter-co); -webkit-filter: var(--filter-co);}

/* VIDEO BG */

.video-background {position: relative; width: 100%; overflow: hidden; aspect-ratio: 16/9; border-radius: var(--video-br); margin: 0; padding: 0;}
.video-background video { position: absolute; inset: -1px;  width: calc(100% + 2px); aspect-ratio: 16/9; object-fit: cover; margin: 0; padding: 0; border: 0; outline: none; }
.video-background iframe { border: 0 !important; outline: none !important; }

.video-background .video-contenido{position: absolute; inset: var(--video-contenido-inset); z-index: 2;}
.video-background .video-contenido h1, .video-background .video-contenido h2, .video-background .video-contenido h3, .video-background .video-contenido h4, .video-background .video-contenido p { color: var(--video-contenido-color); }
.video-background .video-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; border-radius: var(--video-br); background: var(--video-overlay-bg); }
.video-background .video-url{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; border-radius: var(--video-br); display: block;}

.hero .video-background .video-contenido { position: absolute; inset: var(--video-hero-contenido-inset); transform: var(--video-hero-contenido-inset-transform); max-width: var(--video-hero-contenido-maxwidth); text-align: center; }
.hero .video-background .video-contenido h1, .hero .banner .banner-contenido h2, .hero .banner .banner-contenido h3, .hero .banner .banner-contenido h4, .hero .banner .banner-contenido p { color: var(--video-hero-contenido-color); }

.bx-full .video-background, .bx-wide .video-background {border-radius: 0;}
.bx-full .video-background .video-url, .bx-wide .video-background .video-url{border-radius: 0;}
.bx-full .video-background .video-overlay, .bx-wide .video-background .video-overlay{border-radius: 0;}

/* GALERIA */

.galeria { display: grid; grid-gap: var(--galeria-gap); grid-template-columns: var(--galeria-columns); }


/* BX LISTA */

ul.bx-lista{display: grid; grid-gap: 0; margin: 0; padding: 0; grid-template-columns: 1fr; position: relative; overflow: hidden; border: var(--bx-b); background-color: var(--bx-lista-bg); border-radius: var(--bx-br-h);}
ul.bx-lista li {margin: 0; padding: var(--bx-padding-inline); list-style: none; position: relative; border-bottom: var(--bx-bb);}
ul.bx-lista li:last-child{border: 0;}
ul.bx-lista li.cols{display: flex; gap: var(--bx-gap-h); }
ul.bx-lista li.cols .keyCol{flex: auto; font-weight: var(--bx-key-weight); color: var(--bx-key-color); text-align: left;}
ul.bx-lista li.cols .optCol{flex: auto; text-align: right;}

/* BX LINKS */

ul.bx-links{display: grid; grid-gap: 0; margin: 0 !important; padding: 0; grid-template-columns: 1fr; position: relative; background-color: var(--bx-lista-bg); border-radius: var(--bx-br-h); border: var(--bx-b); overflow: hidden;}
ul.bx-links li{list-style: none; margin: 0; padding: 0; box-sizing: border-box; position: relative; width: 100%;}
ul.bx-links li a{padding: var(--bx-padding-inline); display: block;  border-bottom: var(--bx-bb);}
ul.bx-links li a::before{content:""; position: absolute; top: 0; right: 0; bottom: 0; background: url(../gui/ico/arrow-right.svg) 50% 50% no-repeat; background-size: 24px auto; width: 40px; filter: var(--filter-co); -webkit-filter: var(--filter-co);}
ul.bx-links li:last-child a{border: 0;}
ul.bx-links li a h3, ul.bx-links li a p, ul.bx-links li a small, ul.bx-links li a b, ul.bx-links li a div{pointer-events:none}
ul.bx-links li a.cols{display: flex; gap: var(--bx-gap-h); }
ul.bx-links li a.cols .keyCol{flex: auto; font-weight: var(--bx-key-weight); color: var(--bx-key-color);}

/* BX COLS */

.bx-cols {display: flex; gap: var(--bx-gap-h); }
.bx-cols .keyCol{flex: auto; text-align: left;}
.bx-cols .optCol{flex: auto; text-align: right;}

/* TABLA */

.bx-tabla-flat{margin: 0; padding: 0; position: relative; overflow: auto; border: 1px solid var(--c3); border-radius: var(--br1); }
.bx-tabla-flat .tabla-contenido{overflow: auto !important; white-space:nowrap !important; }
.tabla-flat {border-collapse: collapse; position: relative; width: 100%;}
.tabla-flat tr th {  font-weight: 500; color: var(--c5); }
.tabla-flat tr th, .tabla-flat tr td {padding: 12px 12px 12px 0; border-bottom: 1px solid var(--c3); text-align: left; vertical-align: top;}
.tabla-flat tr td {  }
.tabla-flat tr th:first-child, .tabla-flat tr td:first-child {padding-left: 12px}
.tabla-flat tr:last-child td {border:0;}
.tabla-flat input, .tabla-flat input[type='date']{background-color: var(--c1) !important; outline: 1px solid var(--c3); margin: -7px 0; padding: 0 !important; height: 32px !important; text-indent: 8px !important; border-radius: var(--br1);}
.tabla-flat .controles-incremento-small, .tabla-flat .btnm-alt, .tabla-flat .btnm { margin: -7px 0; }
.bx-tabla-flat .bx-btns { border-top: 1px solid var(--c3); }
.bx-tabla-flat .bx-btns a { background-color: var(--c2) !important; color: var(--c5) !important; border-radius: 0 !important; }
.bx-tabla-flat .radio-poll { margin: -14px 0; }

/* FORMS */

input, textarea, select, input[type=date], input[type=datetime-local], input[type="email"]{background-color: var(--form-input-bg) !important; border: var(--form-input-b); border-radius: var(--form-input-br); -webkit-appearance:none; outline:none; font-size: var(--t2); margin: 0; padding: 0; text-indent: var(--form-input-indent); color: var(--form-input-color); box-sizing: border-box; width: 100%; caret-color: var(--form-input-caret)}

.ff-bx { margin-bottom: var(--spd); position: relative; }
.ff-bx:last-child { margin-bottom: 0; }
.ff-label { display: block; color: var(--form-label-color); font-weight: var(--form-label-weight); margin: 0; padding: 0 0 var(--px2) 0; }
.ff-nota { font-size: var(--t1); line-height: 15px; color: var(--form-nota-color); margin-top: var(--px1); }
.ff-input { display: block; width: 100%; margin: 0; padding: 0; height: var(--form-input-height); line-height: var(--form-input-height); }
.ff-input-readonly { color: var(--c4); }

.ff-requerido-label { color: red; }

.ff-ico-readonly::before{content:""; position: absolute; bottom: 0; right: 0; background: url(/cbpn-media/lock.svg); width: var(--form-input-height); height: var(--form-input-height); background-repeat: no-repeat !important; background-size: 24px auto !important; background-position: 50% 50% !important; filter: var(--filter-co); -webkit-filter: var(--filter-co);}

.ff-ico-select::before{content:""; position: absolute; bottom: 0; right: 0; background: url(/cbpn-media/arrow-down.svg); width: var(--form-input-height); height: var(--form-input-height); background-repeat: no-repeat !important; background-size: 24px auto !important; background-position: 50% 50% !important; filter: var(--filter-co); -webkit-filter: var(--filter-co);}

.ff-textarea { display: block; width: 100%; margin: 0; padding: var(--px2) 0 0 var(--px2); }
.ff-submit { background-color: var(--form-btn-bg) !important; color: var(--form-btn-color) !important; font-weight: var(--form-btn-weight); height: var(--form-btn-height); line-height: var(--form-btn-height); padding: var(--form-btn-padding-inline); border-radius: var(--form-btn-br); display: inline-block; text-decoration: none; text-align: center; }
.ff-submit-disabled { background-color: var(--form-btn-disabled-bg); color: var(--form-btn-disabled-color); pointer-events: none !important; }
.ff-submit-wide { width: 100%; }

.radio {display: block;position: relative; min-height: 24px; padding: 2px 0 0px 40px;margin-bottom: 8px;cursor: pointer;font-size: var(--t2);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; font-weight: 400;}
.radio:last-child{margin-bottom: 0}
.radio input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; transition: all 0.2s ease-in-out;}
.radio .radiomark {position: absolute;top: 0;left: 0;height: 24px;width: 24px;background-color: var(--c3); border: 0; border-radius: 50%; transition: all 0.2s ease-in-out; }
.radio input:checked ~ .radiomark {background-color: var(--ka);}
.radio .radiomark:after {content: "";position: absolute;display: none;}
.radio input:checked ~ .radiomark:after {display: block;}
.radio .radiomark:after {top: 6px;left: 6px;width: 12px;height: 12px;border-radius: 50%;background: var(--kac);}

.radio-cta { width: 100%; }
.radio-cta span{display: block;position: relative;padding: 12px 12px; color: var(--c5); border: 1px solid var(--c3); border-radius: var(--br2); margin-bottom: 8px;cursor: pointer;font-size: var(--t2); -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--c1); text-align: left; transition: all 0.3s ease-in-out;}
.radio-cta span .cols{display: flex; gap: 16px; color: var(--c5); }
.radio-cta span .cols .keyCol{flex: auto; }
.radio-cta input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.radio-cta input:checked + span {border: 2px solid var(--ka); padding: 11px;}
.radio-cta input:checked + span .seleccionado {display: block}

.radio-cta:last-child span { margin: 0; }

.checkbox {display: block;position: relative; min-height: 24px; padding: 2px 0 0 40px;margin-bottom: 8px;cursor: pointer;font-size: var(--t2);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; color: var(--c5); font-weight: 400; }
.checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; transition: all 0.2s ease-in-out;}
.checkmark {position: absolute;top: 0;left: 0;height: 24px;width: 24px;background-color: var(--c3); border: 1px solid var(--c3); border-radius: var(--br1); transition: all 0.2s ease-in-out;}
.checkbox input:checked ~ .checkmark {background-color: var(--c5); }
.checkmark:after {content: "";position: absolute;display: none;}
.checkbox input:checked ~ .checkmark:after {display: block;}
.checkbox .checkmark:after {left: 8px;top: 3px;width: 6px;height: 12px;border: solid var(--c1);border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.checkbox:last-child{margin-bottom:0;}

.controles-incremento{position: relative; width: 104px; height: 32px;-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: var(--br2); background-color: var(--c1); border: 1px solid var(--c3); -webkit-tap-highlight-color: transparent;}
.controles-incremento-wide { width: 100%; }
.controles-incremento div{text-align: center; line-height: 32px; font-size: var(--t2); cursor: pointer !important; }
.controles-incremento .incremento-menos{width: 32px; position: absolute; left: 0; top: 0; bottom: 0; z-index: 2; border-right: 1px solid var(--c3);}
.controles-incremento .incremento-menos::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/cbpn-media/menos.svg) 50% 50% no-repeat; background-size: 24px auto; filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.controles-incremento .incremento-campo{width: auto; height: 32px; text-align: center; padding: 0px; text-indent: 0px; position: absolute; top: 0; left: 0; right: 0; color: var(--c5); border: 0px; background-color: transparent !important;}
.controles-incremento .incremento-mas{width: 32px; position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid var(--c3);}
.controles-incremento .incremento-mas::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/cbpn-media/add.svg) 50% 50% no-repeat; background-size: 24px auto; filter: var(--filter-co); -webkit-filter: var(--filter-co);}

.radio-inline{background-color: var(--c1); display: flex; border-radius: 8px; padding: 4px; border: 1px solid var(--c3);}
.radio-inline input[type="radio"] {opacity: 0;position: fixed;width: 0; margin: 0;}
.radio-inline label {flex: 1;text-align: center;display: inline-block;background-color: transparent; height: 32px; line-height: 32px; font-size: var(--t2);border-radius: 4px;font-weight: 400;margin: 0;}
.radio-inline input[type="radio"]:checked + label {background-color: var(--c3); color: var(--c7); font-weight: 500;}

.radio-poll{background-color: transparent; display: flex; padding: 8px; justify-content: right}
.radio-poll input[type="radio"] {opacity: 0;position: fixed;width: 0; margin: 0;}
.radio-poll label { text-align: center; white-space: nowrap; display: inline-block;background-color: var(--c3);  height: 32px; line-height: 32px; font-size: var(--t2);border-radius: 4px;font-weight: 400;margin: 0 4px 0 0; padding: 0 12px; color: var(--t5);}
.radio-poll label:last-child{margin:0}
.radio-poll input[type="radio"]:checked + label {background-color: var(--ka); color: var(--kac);}

input:focus{border-color: var(--form-focus); outline: none;}
textarea:focus{border-color: var(--form-focus); outline: none;}
select:focus{border-color: var(--form-focus); outline: none;}

input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: var(--form-input-b); text-indent: var(--form-input-indent); -webkit-text-fill-color: var(--form-input-color); -webkit-box-shadow: 0 0 0px 1000px var(--c1) inset; transition: background-color 5000s ease-in-out 0s;}

.msg-error { background-color: var(--c3); color: var(--c5); border-radius: var(--br3); padding: var(--bx-msg-padding-inline); position: relative; }
.msg-error::before{ content:""; position: absolute; top: 0; left: 16px; bottom: 0; width: 24px; background: url(/cbpn-media/info.svg) 50% 50% no-repeat; background-size: 24px auto; filter: var(--filter-co); -webkit-filter: var(--filter-co); }

/* LOADERS */

.spinner-espera {width: 48px;height: 48px;display: block;margin:15px auto;position: relative;color: var(--ka);box-sizing: border-box;animation: loaderRotation 1s linear infinite;}
.spinner-espera::after, .spinner-espera::before {content: '';  box-sizing: border-box;position: absolute;width: 24px;height: 24px;top: 50%;left: 50%;transform: scale(0.5) translate(0, 0);background-color: var(--ka);border-radius: 50%;animation: loaderAnimation 1s infinite ease-in-out;}
.spinner-espera::before {background-color: var(--c2);transform: scale(0.5) translate(-48px, -48px);}

@keyframes loaderRotation {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
@keyframes loaderAnimation {50% { transform: scale(1) translate(-50%, -50%); }}

.loader{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; opacity: 1; background-color: var(--c1);pointer-events: none;}
.loader span{position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); width: 40px; height: 40px; background: url(/cbpn-media/loading.svg) 50% 50% no-repeat; background-size: 100% auto; animation-name: rotate;animation-duration: 2s;animation-iteration-count:infinite;}
.loader span::before{filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.loader-out{animation-name: fade-out;animation-duration: 300ms; opacity: 0.1;}

.micro-loader-target{min-height: 40px; position: relative; overflow: hidden;pointer-events: none;}
.micro-loader{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; opacity: 1; background-color: var(--c1);pointer-events: none;}
.micro-loader span{position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); width: 40px; height: 40px; background: url(/cbpn-media/loading.svg) 50% 50% no-repeat; background-size: 100% auto; animation-name: rotate;animation-duration: 2s;animation-iteration-count:infinite;}
.micro-loader span::before{filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.micro-loader-out{animation-name: fade-out;animation-duration: 300ms; opacity: 0.1;}

/* ICONOS */

.bx-ico {display: flex;gap: 8px;align-items: top;}
.ico {display: inline; height: 20px; aspect-ratio: 1/1; line-height: inherit; vertical-align: baseline; pointer-events: none; position: relative;}
.ico::before {content:""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: 100% auto !important; background-position: 0 50% !important; filter: var(--filter-co); -webkit-filter: var(--filter-co);  }

.bx-ico-mini {display: flex;gap: 0px;align-items: center;}
.ico-mini {display: inline; height: 16px; aspect-ratio: 1/1; line-height: inherit; vertical-align: baseline; pointer-events: none; position: relative;}
.ico-mini::before {content:""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: 72% auto !important; background-position: 0 50% !important; filter: var(--filter-co); -webkit-filter: var(--filter-co);  }

.ico-editar::before{background: url(/cbpn-media/editar.svg);}
.ico-ayuda::before{background: url(/cbpn-media/ayuda.svg);}
.ico-pin::before{background: url(/cbpn-media/pin.svg);}
.ico-descuento::before{background: url(/cbpn-media/descuento.svg);}
.ico-calendario-dia::before{background: url(/cbpn-media/calendario-dia.svg);}
.ico-ubicacion::before{background: url(/cbpn-media/ubicacion.svg);}
.ico-grid-target::before{background: url(/cbpn-media/grid-target.svg);}


.ico-back::before{background: url(/cbpn-media/arrow-left.svg);}
.ico-calendar-day::before{background: url(/cbpn-media/calendar-day.svg);}
.ico-info::before{background: url(/cbpn-media/info.svg);}
.ico-promo::before{background: url(/cbpn-media/promo.svg);}
.ico-star::before{background: url(/cbpn-media/star.svg);}
.ico-time::before{background: url(/cbpn-media/time.svg);}
.ico-user::before{background: url(/cbpn-media/user.svg);}
.ico-users::before{background: url(/cbpn-media/users.svg);}
.ico-flag::before{background: url(/cbpn-media/flag.svg);}
.ico-bullet::before{background: url(/cbpn-media/bullet1.svg);}

.link-social { position: relative; width: var(--footer-social-size); height: var(--footer-social-size); border-radius: var(--footer-social-size); background-color: var(--footer-social-bg); display: block; text-indent: -6000px;}
.link-social::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: var(--footer-social-bg-size) auto !important; background-position: 50% 50% !important; width: var(--footer-social-size); filter: var(--footer-social-filter); -webkit-filter: var(--footer-social-filter);}
.link-social.facebook::before{background: url(/cbpn-media/facebook.svg);}
.link-social.instagram::before{background: url(/cbpn-media/instagram.svg);}
.link-social.tiktok::before{background: url(/cbpn-media/tiktok.svg);}
.link-social.x::before{background: url(/cbpn-media/x.svg);}
.link-social.youtube::before{background: url(/cbpn-media/youtube.svg);}
.link-social.spotify::before{background: url(/cbpn-media/spotify.svg);}
.link-social.linkedin::before{background: url(/cbpn-media/linkedin.svg);}

/* MODAL */

.modal-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 299; background-color: var(--overlay); opacity: 1; overflow: auto !important; padding: var(--modal-overlay-padding);}
.modal-overlay-out{opacity:0}

.modal{position:relative; background-color: var(--c1); margin: 0 auto; opacity: 1; width: var(--modal-width); padding: var(--modal-padding); box-sizing: border-box; border-radius: var(--modal-br); overflow: hidden; opacity: 1; border: 1px solid var(--c2);}
.modal .modal-contenido{padding: 0; box-sizing: border-box;}
.modal h3.titulo{font-size: var(--t4); line-height: var(--t4); margin: 0; padding: 0 0 var(--modal-padding) 0; }
.modal-out{animation-name: modal-out !important;animation-duration: 300ms; opacity: 0;}

.iframes{display: none; width: 100%; text-indent: -6000px;}

/* POPUP */

.popup-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 400; background-color: var(--overlay); opacity: 1; overflow: hidden;}

.popup{position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  margin: 0; padding: 0; opacity: 1; width: clamp(300px, 480px, calc(100% - 32px)); }
.popup .popup-contenido{ background-color: var(--c1); padding: var(--modal-padding); box-sizing: border-box; border-radius: var(--modal-br); max-height: 64vh; overflow-x: hidden; overflow-y: scroll;}

.popup .popup-cerrar { position: absolute; bottom: -56px; left: 50%; transform: translate(-50%,0); width: 40px; height: 40px; border-radius: 40px; background-color: var(--c1); display: block; }
.popup .popup-cerrar::before{content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/cbpn-media/del.svg) 50% 50% no-repeat; background-size: 24px auto; filter: var(--filter-co); -webkit-filter: var(--filter-co);}

/* DETAILS */

.bx-details { display: grid; grid-gap: 16px; grid-template-columns: 1fr }
details{margin: 0; padding: 0; background-color: var(--c1); border-radius: var(--br2); border: 1px solid var(--c3); overflow: hidden; }
details[open] {}
details summary {outline: none; margin: 0; padding: var(--bx-padding-inline); cursor: pointer; position: relative; color: var(--bx-key-color); font-size: var(--t2); font-weight: var(--bx-key-weight); }
details summary small { font-weight: normal; }
details summary::before{content:""; position: absolute; top: 0; right: 0; bottom: 0; background: url(/cbpn-media/arrow-down.svg) 50% 50% no-repeat; background-size: 24px auto; width: 40px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
details summary::-webkit-details-marker {color: transparent;padding: 0; margin: 0;}
details[open] summary{border-bottom: var(--bx-bb); }
details[open] summary::before{content:""; position: absolute; top: 0; right: 0; bottom: 0; background: url(/cbpn-media/arrow-up.svg) 50% 50% no-repeat; background-size: 24px auto; width: 40px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
details > div{margin: 0; padding: var(--bx-padding-inline); overflow: hidden;}
details > div.bx-1{ grid-gap: var(--bx-gap-h)}
details > div ul.bx-links, details > div ul.bx-lista { width: stretch; margin: -16px; border: 0; }
details > ul.bx-links, details > ul.bx-lista { border: 0; border-radius: 0; background-color: transparent; }

/* TABS */

.tabs-nav {overflow-x: scroll; overflow-y: hidden; white-space:nowrap; position: relative; margin: 0; padding: 0; box-sizing: border-box; }
.tabs-nav ul { margin: 0; padding: 0; display: flex; gap: 16px;}
.tabs-nav li { list-style: none; margin: 0 !important; padding: 0 !important; }
.tabs-nav a { display: block;height: 32px; line-height: 32px; margin: 0 !important; padding: 0; color: var(--c4); font-weight: 500; }
.tabs-nav li.active { border-bottom: 3px solid var(--c5); }
.tabs-nav li.active a{ color: var(--c5); }

.tabs-content {padding: 0;}
.tabs-content .content:not(:first-child) {display: none;}

/* BULLETS */

.bullets-1 ul {display: inline-block; margin: 0 0 var(--space-p) var(--bullet-fts-size); padding: 0; list-style: none; }
.bullets-1 ul > li {clear: left;padding: var(--bullet-fts-padding); list-style: none;}
.bullets-1 ul > li:before {content: "";height: var(--bullet-fts-size);width: var(--bullet-fts-size);display: block;float: left;margin: var(--bullet-fts-margin);background-position: center;background-repeat: no-repeat;background-size: 100%:}
.bullets-1 ul > li:before { background: var(--bullet-1-fts-svg);background-size: cover;background-position: center;padding: 0px;}
.bullets-1 ul > li::before{filter: var(--bullet-1-fts-svg-filter); -webkit-filter: var(--bullet-1-fts-svg-filter);}

.bullets-2 ul {display: inline-block; margin: 0 0 var(--space-p) var(--bullet-fts-size); padding: 0; list-style: none; }
.bullets-2 ul > li {clear: left;padding: var(--bullet-fts-padding);list-style: none;}
.bullets-2 ul > li:before {content: "";height: var(--bullet-fts-size);width: var(--bullet-fts-size);display: block;float: left;margin: var(--bullet-fts-margin);background-position: center;background-repeat: no-repeat;background-size: 100%:}
.bullets-2 ul > li:before { background: var(--bullet-2-fts-svg);background-size: cover;background-position: center;padding: 0px;}
.bullets-2 ul > li::before{filter: var(--bullet-2-fts-svg-filter); -webkit-filter: var(--bullet-2-fts-svg-filter);}



.bullets-cols ul {
	column-count: 2;
	column-gap: 32px;
	column-span: all;
	column-rule: 1px solid var(--c2);
}

.bullets-cols ul li {  }

/* BGS */

.bg-1 { background-color: var(--bg1-bg);}
.bg-1 h1, .bg-1 h2 { color: var(--bg1-t1-color);}
.bg-1 h3, .bg-1 h4 { color: var(--bg1-t2-color);}
.bg-1 p, .bg-1 li, .bg-1 b { color: var(--bg1-p-color);}
.bg-1 a { color: var(--bg1-a-color);}

.bg-1-lineal { background: linear-gradient(180deg, var(--bg1-bg), var(--c1)) }
.bg-1-lineal h1, .bg-1-lineal h2 { color: var(--bg1-t1-color);}
.bg-1-lineal h3, .bg-1-lineal h4 { color: var(--bg1-t2-color);}
.bg-1-lineal p, .bg-1-lineal li, .bg-1-lineal b { color: var(--bg1-p-color);}
.bg-1-lineal a { color: var(--bg1-a-color);}
 
.bg-2 { background-color: var(--bg2-bg);}
.bg-2 h1, .bg-2 h2 { color: var(--bg2-t1-color);}
.bg-2 h3, .bg-2 h4 { color: var(--bg2-t2-color);}
.bg-2 p, .bg-2 li, .bg-2 b { color: var(--bg2-p-color);}
.bg-2 a { color: var(--bg2-a-color);}

.bg-2-lineal { background: linear-gradient(180deg, var(--bg2-bg), var(--c1)) }
.bg-2-lineal h1, .bg-2-lineal h2 { color: var(--bg2-t1-color);}
.bg-2-lineal h3, .bg-2-lineal h4 { color: var(--bg2-t2-color);}
.bg-2-lineal p, .bg-2-lineal li, .bg-2-lineal b { color: var(--bg2-p-color);}
.bg-2-lineal a { color: var(--bg2-a-color);}

.bg-3 { background-color: var(--bg3-bg);}
.bg-3 h1, .bg-3 h2 { color: var(--bg3-t1-color);}
.bg-3 h3, .bg-3 h4 { color: var(--bg3-t2-color);}
.bg-3 p, .bg-3 li, .bg-3 b { color: var(--bg3-p-color);}
.bg-3 a { color: var(--bg3-a-color);}

.bg-3-lineal { background: linear-gradient(180deg, var(--bg3-bg), var(--c1)) }
.bg-3-lineal h1, .bg-3-lineal h2 { color: var(--bg3-t1-color);}
.bg-3-lineal h3, .bg-3-lineal h4 { color: var(--bg3-t2-color);}
.bg-3-lineal p, .bg-3-lineal li, .bg-3-lineal b { color: var(--bg3-p-color);}
.bg-3-lineal a { color: var(--bg3-a-color);}

/* BOTONES */

.bx-btns{display: inline-flex; flex-flow: row wrap; gap: var(--btn-gap);}
.bx-btns a, .bx-btns button{flex:1;}

.btn{ position: relative; background-color: var(--btn-on-bg) !important; color: var(--btn-on-color) !important; font-size: var(--t2); font-weight: 500; padding: 0 24px; height: 40px; line-height: 40px; display: inline-flex; gap:4px; flex-wrap: nowrap; white-space: nowrap; align-items: center; justify-content: center; text-decoration: none; border-radius: var(--btn-br); cursor: pointer; }
.btn.xs{padding: 0 8px; height: 24px; line-height: 24px;}
.btn.sm{padding: 0 12px; height: 28px; line-height: 28px; gap: 4px}
.btn.md{padding: 0 16px; height: 32px; line-height: 32px; gap:4px;}
.btn.xl{padding: 0 28px; height: 48px; line-height: 48px; gap:4px; font-size: var(--t3);}
.btn.disabled{ pointer-events: none; background-color: var(--c2) !important; color: var(--c4) !important; }
.btn .ico { margin-left: -4px; }
.btn .ico::before{content:""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: 100% auto !important; background-position: 50% 50% !important; filter: var(--filter-ba); -webkit-filter: var(--filter-ba); }
.btn.alt{ background-color: var(--btn-bg) !important; color: var(--btn-color) !important;}
.btn.alt .ico::before{content:""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: 100% auto !important; background-position: 0 50% !important; filter: var(--filter-co); -webkit-filter: var(--filter-co);  }
.btn.disabled{ background-color: var(--c3) !important; color: var(--c4) !important;}

.btn.del{ background-color: var(--rol) !important; color: var(--ro) !important;}
.btn.del .ico::before{content:""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: 100% auto !important; background-position: 0 50% !important; filter: var(--filter-co); -webkit-filter: var(--filter-co);  }

.btn-ico { position: relative; background-color: var(--c5); width: 40px; height: 40px; border-radius: 40px; text-indent: -6000px; display: inline-block; }
.btn-ico::before {content:""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: 20px auto !important; background-position: 50% 50% !important; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);  }

.btn-ico.md {width: 32px; height: 32px; border-radius: 32px;}
.btn-ico.alt{ background-color: var(--c3); color: var(--c5);}
.btn-ico.alt::before {filter: var(--filter-co); -webkit-filter: var(--filter-co);  }

a.btn-back { background: url(/cbpn-media/arrow-left.svg) calc(0% + 12px) 50% no-repeat; background-size: 24px; display: inline-block; font-weight: var(--font-weight-bold); text-decoration: none; padding: 0 16px 0 44px; box-sizing: border-box; border-radius: 40px; background-color: var(--c1); border: 1px solid var(--c3); height: 40px; line-height: 40px;}
a.btn-back::before{filter: var(--filter-co); -webkit-filter: var(--filter-co);}

a.btn-forward { background: url(/cbpn-media/arrow-right.svg) calc(100% - 20px) 50% no-repeat; background-size: 24px; display: inline-block; height: 40px; line-height: 40px; font-weight: var(--font-weight-bold); text-decoration: none; padding: 0 48px 0 20px; box-sizing: border-box; border-radius: 40px; background-color: var(--c3);}

/* SITE LOCKED */

.bx-site-locked { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 240px; box-sizing: border-box; }
.bx-site-locked a { text-decoration: none; color: var(--c4); }
.bx-site-locked form { position: relative; }
.bx-site-locked .lock-input { display: block; width: 100%; color: var(--c5); margin: 0; padding: 0 0 0 12px; border: 1px solid var(--c3); height: 40px; line-height: 40px; border-radius: var(--br2); background-color: var(--c1) !important; text-indent: 0px !important; }
.bx-site-locked .lock-submit { background-color: var(--c5) !important; color: var(--c1); border: 0; font-size: var(--t2); font-weight: var(--font-weight-bold); width: 33.33333%; height: 32px; text-indent: 0; line-height: 30px; padding: 0; border-radius: var(--br1); display: inline-block; text-decoration: none; position: absolute; top: 4px; right: 4px; text-align: center; }
.bx-site-locked-copy { position: fixed; bottom: 0; left: 0; right: 0; text-align: center; padding: 24px; }
.bx-site-locked-copy a { text-decoration: none; color: var(--c4); font-size: var(--t1); }

.bx-tags { display: flex; gap:8px; flex-wrap: wrap; }
.tag { display: inline; padding: 2px 8px !important;margin: 0 !important;line-height: inherit !important;vertical-align: baseline;pointer-events: none; border-radius: 16px; background-color: var(--kc); color: var(--kcc); font-size: var(--t1); font-weight: 500; white-space: nowrap; }
.tag-ka{background-color: var(--ka); color: var(--kac);}

.bx-divs-inline {display: flex; gap: 0px 8px; flex-wrap: wrap;}
.bx-divs-inline .wide { flex-basis: 100% }

/* ADD CALENDARIO */

.addToCalendar { display: inline-flex; gap:16px; }
.addToCalendar a { position: relative; display: block; width: 48px; height: 48px; border-radius: 48px; background-color: var(--c2); text-indent: -6000px; }
.addToCalendar a.google::before{content:""; position: absolute; background: url(/cbpn-media/googleCalendar.svg); top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; background-size: 24px auto !important; background-position: 50% 50% !important; }
.addToCalendar a.apple::before{content:""; position: absolute; background: url(/cbpn-media/apple.svg); top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; background-size: 24px auto !important; background-position: 50% 50% !important; filter: }
.addToCalendar a.outlook::before{content:""; position: absolute; background: url(/cbpn-media/outlook.svg); top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; background-size: 24px auto !important; background-position: 50% 50% !important;}

/* BX BANNER */

.bx-banner {  }
.bx-banner .item { position: relative; }
.bx-banner .item .media { position: relative; z-index: 1; }
.bx-banner .item .media img { display: block; object-fit: cover; width: 100%; border-radius: var(--bx-banner-img-br); outline: none; }
.bx-banner .item .detalle { position: absolute; inset: var(--bx-banner-contenido-inset); z-index: 3; }
.bx-banner .item .detalle h1, .bx-banner .item .detalle h2, .bx-banner .item .detalle h3, .bx-banner .item .detalle h4, .bx-banner .item .detalle p, .bx-banner .item .detalle b {color: var(--bx-banner-contenido-color); line-height: normal; }
.bx-banner .item .detalle-out { margin: var(--bx-banner-contenido-out); }
.bx-banner .item .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; pointer-events: none; border-radius: var(--bx-banner-img-br); background: var(--bx-banner-overlay);}
.bx-full .bx-banner .item .media img, .bx-wide .bx-banner .item .media img { border-radius: var(--bx-banner-full-img-br); }
.bx-full .bx-banner .item .detalle, .bx-wide .bx-banner .item .detalle { inset: var(--bx-banner-full-contenido-inset); }
.bx-full .bx-banner .overlay, .bx-wide .bx-banner .overlay { border-radius: var(--bx-banner-full-img-br); }
.bx-banner .btn.alt{ background-color: var(--btn-on-color); color: var(--btn-on-bg);}

.hero .bx-banner .item .detalle { position: absolute; inset: var(--bx-banner-hero-contenido-inset); transform: var(--bx-banner-hero-contenido-transform); z-index: 3; text-align: center; }
.hero.bottom .bx-banner .item .detalle { position: absolute; inset: var(--bx-banner-hero-bottom-contenido-inset); transform: var(--bx-banner-hero-bottom-contenido-transform); z-index: 3; text-align: center; }
.hero.top .bx-banner .item .detalle { position: absolute; inset: var(--bx-banner-hero-top-contenido-inset); transform: var(--bx-banner-hero-top-contenido-transform); z-index: 3; text-align: center; }
.hero-only-desk .bx-banner .item .detalle { display: block; }
.hero-only-mobile .bx-banner .item .detalle { display: none; }

/* BX SLIDE */

.bx-slide-contenedor {position: relative;width: 100%;margin: 0; padding: 0; overflow: hidden;}
.bx-slide {position: relative; margin: 0; padding: 0; display: block; }
.bx-slide .item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0;transition: opacity 300ms ease-in-out;}
.bx-slide .item.active {opacity: 1;}
.bx-slide .item .media { display: block; }
.bx-slide .item .media img {display: block; object-fit: cover; width: 100%; border-radius: var(--bx-slide-img-br); outline: none;}
.bx-slide .item .detalle { position: absolute; inset: var(--bx-slide-contenido-inset); z-index: 3; }
.bx-slide .item .detalle h1, .bx-slide .item .detalle h2, .bx-slide .item .detalle h3, .bx-slide .item .detalle h4, .bx-slide .item .detalle p, .bx-slide .item .detalle b {color: var(--bx-slide-contenido-color); line-height: normal; }
.bx-slide .item .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; pointer-events: none; border-radius: var(--bx-slide-img-br); background: var(--bx-slide-overlay);}

.bx-full .bx-slide .item .media img, .bx-wide .bx-slide .item .media img { border-radius: var(--bx-slide-full-img-br); }
.bx-full .bx-slide .item .detalle, .bx-wide .bx-slide .item .detalle { inset: var(--bx-slide-full-contenido-inset); }
.bx-full .bx-slide .overlay, .bx-wide .bx-slide .overlay { border-radius: var(--bx-slide-full-img-br); }

/*.hero .bx-slide .item .detalle { position: absolute; inset: var(--bx-slide-hero-contenido-inset); transform: var(--bx-slide-hero-contenido-inset-transform); max-width: var(--bx-slide-hero-contenido-maxwidth); text-align: center;}*/

.hero .bx-slide .item .detalle { position: absolute; inset: var(--bx-slide-hero-contenido-inset); transform: var(--bx-slide-hero-contenido-transform); z-index: 3; text-align: center; }
.hero.bottom .bx-slide .item .detalle { position: absolute; inset: var(--bx-slide-hero-bottom-contenido-inset); transform: var(--bx-slide-hero-bottom-contenido-transform); z-index: 3; text-align: center; }
.hero.top .bx-slide .item .detalle { position: absolute; inset: var(--bx-slide-hero-top-contenido-inset); transform: var(--bx-slide-hero-top-contenido-transform); z-index: 3; text-align: center; }
.hero-only-desk .bx-slide .item .detalle { display: block; }
.hero-only-mobile .bx-slide .item .detalle { display: none; }

/* BX CAROUSEL */

/*.bx-carousel-contenedor {  }
.bx-carousel {  }
.bx-carousel .item {  }
.bx-carousel .item .media {  }
.bx-carousel .item .media img {  }
.bx-carousel .item .detalle {  }
.bx-carousel .item .overlay {  }*/

/* BX CAROUSEL */

.bx-carousel-contenedor {position: relative; width: 100vw; display: block; margin: var(--bx-carousel-margin); padding: 0; overflow: hidden;}
.bx-carousel { position: relative; z-index: 1; display: flex;gap: var(--bx-carousel-gap);margin: 0;padding: var(--bx-carousel-padding);list-style: none;overflow-x: scroll;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;}
.bx-carousel::-webkit-scrollbar {display: none;}
.bx-carousel .item {flex-shrink: 0;width: var(--bx-carousel-item-width) !important;scroll-snap-align: center; position: relative; list-style: none; margin: 0; padding: 0;}
.bx-carousel .item-card { padding: 16px; border: 1px solid var(--c3); border-radius: var(--br2); }
.bx-carousel .item .media img { position: relative; z-index: 1; display: block; object-fit: cover; width: 100%; border-radius: var(--bx-carousel-item-radius); outline: none; aspect-ratio: var(--bx-carousel-item-ratio); }
.bx-carousel .item .detalle {position: absolute; inset: var(--bx-carousel-detalle-inset); z-index: 3; color: var(--bx-carousel-detalle-color); display: flex; flex-direction: column; align-items: flex-start; gap: 16px }
.bx-carousel .item .detalle-out { margin: var(--bx-carousel-detalle-out-margin); padding: 0; }
.bx-carousel .item .detalle h1, .bx-carousel .item .detalle h2, .bx-carousel .item .detalle h3, .bx-carousel .item .detalle h4, .bx-carousel .item .detalle h5, .bx-carousel .item .detalle p {color: var(--bx-carousel-detalle-color); line-height: normal; margin: 0; padding: 0; }
.bx-carousel .item .detalle h5 { padding: 4px 12px !important;  }
.bx-carousel .item .detalle .iconos { display: inline-flex; gap: var(--bx-gap-m) }
.bx-carousel .item .overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; pointer-events: none; border-radius: var(--bx-carousel-item-radius); background: var(--bx-carousel-overlay-bg); }
.bx-carousel-contenedor .nav {position: absolute;z-index: 2;top: 50%;width: var(--bx-carousel-nav-size);height: var(--bx-carousel-nav-size);transform: translateY(-50%);background-color: var(--bx-carousel-nav-bg);border-radius: var(--bx-carousel-nav-size);}
.bx-carousel-contenedor .nav.previous {left: var(--bx-carousel-nav-offset-left);}
.bx-carousel-contenedor .nav.previous::before{content:""; position: absolute; background: url(/cbpn-media/arrow-left.svg); top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; background-size: 24px auto !important; background-position: 50% 50% !important; filter: var(--bx-carousel-nav-filter); -webkit-filter: var(--bx-carousel-nav-filter);}
.bx-carousel-contenedor .nav.next {right: var(--bx-carousel-nav-offset-right);}
.bx-carousel-contenedor .nav.next::before{content:""; position: absolute; background: url(/cbpn-media/arrow-right.svg); top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; background-size: 24px auto !important; background-position: 50% 50% !important; filter: var(--bx-carousel-nav-filter); -webkit-filter: var(--bx-carousel-nav-filter);}

/* FLOAT COLUMN */

.float-column { position: relative; }
.float-column {
	h1, h2, h3, h4 { pointer-events: none }
}
.float-column .columna-contenedor .top { position: absolute; top: 136px; left: 50%; transform: translate(-50%,0); z-index: 2; max-width: 72%; }
.float-column .columna-contenedor .bottom { position: absolute; bottom: 136px; left: 50%; transform: translate(-50%,0); z-index: 2; max-width: 72%; }
.float-column .bx-btns a { outline: 1px solid var(--c5); background-color: transparent; color: var(--c5); background: rgba(0,0,0,0.1); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }

/* ADS */

.bx-ads .item img { border-radius: var(--br2); outline: none; margin: 0; padding: 0; display: block; }
.bx-full .bx-ads .item img, .bx-wide .bx-ads .item img { border-radius: 0; }

/* BLOG */

ul.bx-blog-mdhv { margin: 0; padding: 0; display: grid; grid-gap: var(--bx-gap); grid-template-columns: var(--blog-mdhv-columns)}
ul.bx-blog-mdhv li { margin: 0; padding: 0; list-style: none; }
ul.bx-blog-mdhv li a { margin: 0; padding: 0; display: grid; grid-gap: var(--bx-gap-h); grid-template-columns: 1fr; }
ul.bx-blog-mdhv li a .media { grid-column: 1 / 2; grid-row: 1 / 2; }
ul.bx-blog-mdhv li a .media img {display: block; object-fit: cover; width: 100%; aspect-ratio: var(--blog-ratio); border-radius: var(--bx-br-h);}
ul.bx-blog-mdhv li a .detalle { grid-column: 1 / 2; grid-row: 2 / 3; }
ul.bx-blog-mdhv li a .detalle .titulo { margin: 0 0 var(--px2) 0; padding: 0; }
ul.bx-blog-mdhv li a .detalle .fecha { font-size: var(--t1); color: var(--c4); text-transform: uppercase; margin: 0 0 var(--px1) 0; }
ul.bx-blog-mdhv li a .detalle .texto {}
ul.bx-blog-mdhv li.norecords { grid-column: 1 / 2; }

ul.bx-blog-mdh { margin: 0; padding: 0; display: grid; grid-gap: var(--bx-gap-h); grid-template-columns: 1fr; }
ul.bx-blog-mdh li { margin: 0; padding: 0; list-style: none; }
ul.bx-blog-mdh li a { margin: 0; padding: 0; display: grid; grid-gap: var(--bx-gap-h); grid-template-columns: var(--blog-mdh-columns); }
ul.bx-blog-mdh li a .media { grid-column: 1 / 2; grid-row: 1 / 2; }
ul.bx-blog-mdh li a .media img {display: block; object-fit: cover; width: 100%; aspect-ratio: var(--blog-ratio); border-radius: var(--bx-br-h);}
ul.bx-blog-mdh li a .detalle { grid-column: 2 / 3; grid-row: 1 / 2; }
ul.bx-blog-mdh li a .detalle .titulo { margin: 0 0 var(--px2) 0; padding: 0; }
ul.bx-blog-mdh li a .detalle .fecha { font-size: var(--t1); color: var(--c4); text-transform: uppercase; margin: 0 0 var(--px1) 0; }
ul.bx-blog-mdh li a .detalle .texto {}
ul.bx-blog-mdh li.norecords { grid-column: 1 / 3; }

.blog-detalle { margin: 0; padding: 0; display: grid; grid-gap: var(--bx-gap); grid-template-columns: x1fr;}
.blog-detalle .titulo { grid-column: 1 / 2; grid-row: 1 / 2; }
.blog-detalle .media { grid-column: 1 / 2; grid-row: 2 / 3; }
.blog-detalle .media img {display: block; object-fit: cover; width: 100%; aspect-ratio: var(--blog-ratio); border-radius: var(--bx-br);}
.blog-detalle .detalle { grid-column: 1 / 2; grid-row: 3 / 4; }

/* BX CARDS */

ul.bx-cards { display: grid; grid-gap: var(--bx-gap); grid-template-columns: var(--cards-columns); }
ul.bx-cards { margin: 0; padding: 0; }
ul.bx-cards li { margin: 0; padding: 0; list-style: none; position: relative; display: grid; grid-gap: var(--bx-gap-h); grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
ul.bx-cards li .media { margin: 0; padding: 0; display: block; }
ul.bx-cards li .media img {display: block; object-fit: cover; width: 100%; aspect-ratio: var(--cards-ratio); border-radius: var(--bx-br);}
ul.bx-cards li .detalle { display: flex; flex-direction: column; gap: var(--spdh); }
ul.bx-cards li .detalle .titulo { color: var(--bx-key-color); font-size: var(--bx-key-size); font-weight: var(--bx-key-weight); }
ul.bx-cards li .ctas { display: flex; gap: var(--spdh); }
ul.bx-cards li .ctas .btn { background-color: var(--btn-m-on-bg) !important; color: var(--btn-m-on-color) !important; padding: var(--btn-m-padding-inline); height: var(--btn-m-height); line-height: var(--btn-m-height); display: inline-block; text-decoration: none; border-radius: var(--btn-m-br); font-weight: var(--btn-m-weight); text-align: center; }
ul.bx-cards li.norecords { grid-column: var(--cards-nr-column); }

/* BX MD */

.bx-md { margin: 0; padding: 0; display: grid; grid-gap: var(--bx-gap); grid-template-columns: var(--bx-md-columns); }
.bx-md .media { grid-column: 1 / 2; grid-row: 1 / 2; }
.bx-md .media img {display: block; object-fit: cover; width: 100%; aspect-ratio: var(--bx-md-ratio); border-radius: var(--bx-br);}
.bx-md .detalle { grid-column: 2 / 3; grid-row: 1 / 2; display: flex; flex-direction: column; gap: var(--bx-gap); }

/* EXTRAS */

.stripeApi-procesando { text-align: center; }
.stripeApi-pagado { text-align: center; }

.StripeElement {color: var(--c5);box-sizing: border-box;height: 40px; padding: 10px; border: 1px solid var(--c3);border-radius: var(--br2);background-color: var(--c1);margin-bottom: 0;}
.StripeElement::placeholder{color: green;}
.StripeElement--focus {border: 1px solid var(--ka);}
.StripeElement--invalid {border-color: red;}
.StripeElement--webkit-autofill {background-color: var(--c1) !important;}
.card-errors { color: red; }

.norecords { padding: 24px; display: flex; align-items: center; justify-content: center; }

@keyframes blinker { 25% {opacity: 0;} 50% {opacity: 1;} }
.blink {animation: blinker 2s linear infinite; }

.linkWhatsApp { position: fixed; z-index: 20; bottom: 24px; right: 24px; width: 56px; height: 56px; border-radius: 56px; box-shadow: var(--shadow-1); display: block; text-indent: -6000px; background: url(/cbpn-media/wa.svg) 50% 50% no-repeat; background-size: 32px 32px; background-color: var(--c1) !important;}

/* REVEAL */

@keyframes fade-in {from {opacity: 0;} to {opacity: 1;}}
@keyframes fade-out {from {opacity: 1;} to {opacity: 0;}}

@keyframes slide-top {from {opacity: 0;transform: translateY(32px);} to {opacity: 1;}}
@keyframes slide-bottom {from {opacity: 0;transform: translateY(-32px);} to {opacity: 1;}}
@keyframes slide-left {from {opacity: 0;transform: translateX(32px);} to {opacity: 1;}}
@keyframes slide-right {from {opacity: 0;transform: translateX(-32px);} to {opacity: 1;}}

@keyframes scale-up {from {opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5);} to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }}
@keyframes scale-down {from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} to { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); }}

.reveal-items * { opacity: 0; }
.reveal.animate-fade-in, .reveal.animate-slide-top, .reveal.animate-slide-bottom, .reveal.animate-slide-left, .reveal.animate-slide-right, .reveal.animate-scale-up, .reveal.animate-scale-down{ opacity: 0; }
.reveal.animate {animation-fill-mode: forwards;animation-timing-function: ease-in-out;}

/* HELP DESK */

.plugin-helpdesk .contenidos { display: grid; grid-gap: 32px; grid-template-columns: 1fr 3fr; }
.plugin-helpdesk .contenidos .indice h4 { margin: 24px 0 8px 0; padding: 0; }
.plugin-helpdesk .contenidos .indice h4:first-child { margin-top: 0; }
.plugin-helpdesk .contenidos .indice a { display: block; height: 28px; line-height: 28px; }
.plugin-helpdesk .contenidos .indice a:hover { text-decoration: underline; }

.plugin-helpdesk .contenidos .menu { display: none; border-radius: 32px; border: 1px solid var(--c3); height: 32px; line-height: 32px; text-align: center; }

.plugin-helpdesk .modal-indice h4 { margin: 24px 0 8px 0; padding: 0; }
.plugin-helpdesk .modal-indice h4:first-child { margin-top: 0; }
.plugin-helpdesk .modal-indice a { display: block; height: 28px; line-height: 28px; }
.plugin-helpdesk .modal-indice a:hover { text-decoration: underline; }

.plugin-helpdesk .contenidos .contenido a {color: var(--linkColor) !important; text-decoration: var(--linkDecoration); }

@media (max-width: 800px) {
	.plugin-helpdesk .contenidos { grid-gap: 32px; grid-template-columns: 1fr; }
	.plugin-helpdesk .contenidos .menu { display: block; }
	.plugin-helpdesk .contenidos .indice { display: none; }
}

/* PLUGIN CONTAINER */

.plugin-container { background-color: var(--c2); width: 100vw; margin: 0 -64px; overflow: hidden; padding: var(--bx-padding); }
.plugin-container .bx-carousel .item-card { border: 0; background-color: var(--c1); }
.plugin-container details{border: 0; }

/* STUDIO */

.plugin-studio-book {}

.plugin-studio-book .nav-days-container { width: 100vw; margin: 0 -64px; overflow: hidden; position: relative;}

.plugin-studio-book .nav-days-container .bx-scroll-left { position: absolute; top: 0; left: 0; bottom: 0; width: 64px; background: linear-gradient(to left, transparent, var(--c2)); }
.plugin-studio-book .nav-days-container .bx-scroll-left .scroll-left { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 32px; height: 32px; background-color: var(--c1); border-radius: 32px; cursor: pointer; outline: 3px solid var(--c2); }
.plugin-studio-book .nav-days-container .bx-scroll-left .scroll-left::before{content:""; position: absolute; background: url(/cbpn-media/arrow-up.svg); top: 0; left: 0; bottom: 0; right: 0; transform: rotate(-90deg); background-repeat: no-repeat !important; background-size: 24px auto !important; background-position: 50% 50% !important; filter: var(--bx-carousel-nav-filter); -webkit-filter: var(--bx-carousel-nav-filter);}

.plugin-studio-book .nav-days-container .bx-scroll-right { position: absolute; top: 0; right: 0; bottom: 0; width: 64px; background: linear-gradient(to right, transparent, var(--c2)); }
.plugin-studio-book .nav-days-container .bx-scroll-right .scroll-right { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 32px; height: 32px; background-color: var(--c1); border-radius: 32px; cursor: pointer; outline: 3px solid var(--c2); }
.plugin-studio-book .nav-days-container .bx-scroll-right .scroll-right::before{content:""; position: absolute; background: url(/cbpn-media/arrow-up.svg); top: 0; left: 0; bottom: 0; right: 0; transform: rotate(90deg); background-repeat: no-repeat !important; background-size: 24px auto !important; background-position: 50% 50% !important; filter: var(--bx-carousel-nav-filter); -webkit-filter: var(--bx-carousel-nav-filter);}

.plugin-studio-book .nav-days{display: flex; gap: 8px; overflow: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; margin: 0; flex-wrap: nowrap }
.plugin-studio-book .nav-days::-webkit-scrollbar{display: none;}
.plugin-studio-book .nav-days::before{content:''; padding-left: 56px;}
.plugin-studio-book .nav-days::after{content:''; padding-right: 56px;}
.plugin-studio-book .nav-days .item{ min-width: 80px; max-width: 160px; scroll-snap-align: start; scroll-margin: 120px; background-color: var(--c1); color: var(--c5); padding: 12px 0; box-sizing: border-box; border-radius: var(--br2); text-decoration: none; overflow: hidden; cursor: pointer; }
.plugin-studio-book .nav-days .item:first-child{margin-left: 0}
.plugin-studio-book .nav-days .item .day-name { text-align: center; font-size: var(--t3); line-height: var(--t4); font-weight: var(--font-weight-bold); color: var(--c5); padding:0; }
.plugin-studio-book .nav-days .item .day-number { text-align: center; font-size: var(--t1); line-height: var(--t1); padding:0; }
.plugin-studio-book .nav-days .item.active { background-color: var(--ka); outline: none; }
.plugin-studio-book .nav-days .item.active .day-name { color: var(--kac); }
.plugin-studio-book .nav-days .item.active .day-number { color: var(--kac); }

.plugin-studio-book ul.classes { margin: 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 1fr; }
.plugin-studio-book ul.classes li { margin: 0; padding: 16px; list-style: none; display: grid; grid-gap: 16px; grid-template-columns: auto 1fr auto; border-radius: var(--br2); overflow: hidden; position: relative; background-color: var(--c1); border: 0; outline: 0px solid var(--c3); }
.plugin-studio-book ul.classes li:last-child { border: 0; }
.plugin-studio-book ul.classes li.no-items { margin: 0; padding: 16px; list-style: none; display: grid; grid-gap: 0; grid-template-columns: 1fr; border-radius: var(--br2); overflow: hidden; position: relative; background-color: var(--c1); }
.plugin-studio-book ul.classes li .hour { padding: 0; background-color: var(--c1); color: var(--c5); border: 0;}
.plugin-studio-book ul.classes li .hour .inicio { font-size: var(--t2); line-height: var(--t2); font-weight: var(--font-weight-bold); }
.plugin-studio-book ul.classes li .hour .minutes { font-size: var(--t1); line-height: var(--t1); color: var(--c4); margin-top: 4px; }
.plugin-studio-book ul.classes li .info { padding: 0; }
.plugin-studio-book ul.classes li .info .class-name { font-size: var(--t2); line-height: var(--t2); font-weight: var(--font-weight-bold); color: var(--c5); }
.plugin-studio-book ul.classes li .info .class-description { margin-top: 0px; }
.plugin-studio-book ul.classes li .accion { padding: 0; }


.plugin-studio-book .spots-instructor { margin: 24px auto;; width: 160px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; background-color: var(--ka); color: var(--kac); border-radius: 100%; }

/*.plugin-studio-book ul.spots { margin: 0; padding: 0; display: grid; grid-gap: 8px; grid-template-columns: repeat(5, 1fr); }
.plugin-studio-book ul.spots li { position: relative; margin: 0; padding: 0; list-style: none; }
.plugin-studio-book ul.spots li a { display: flex; align-items: center; justify-content: center; width: 100%; background-color: var(--c5); color: var(--c1); aspect-ratio: 1/1; border-radius: 100%; font-size: var(--t4); text-decoration: none; }
.plugin-studio-book ul.spots li a.ocupado { background-color: var(--c2); color: var(--c3); }
.plugin-studio-book ul.spots li a.reservado { background-color: var(--kb); color: var(--kbc); } */

.plugin-studio-book ul.spots { margin: 0; padding: 0; position: relative; width: 100%; aspect-ratio: 2/1; }
.plugin-studio-book ul.spots li { position: absolute; list-style: none; }
.plugin-studio-book ul.spots li a { display: flex; align-items: center; justify-content: center; background-color: var(--c5); color: var(--c1); border: 3px solid var(--c1); width: 100%; aspect-ratio: 1/1; border-radius: 100%; font-size: var(--t4); text-decoration: none; cursor: pointer; }
.plugin-studio-book ul.spots li a.ocupado { background-color: var(--c2); color: var(--c4); }
.plugin-studio-book ul.spots li a.reservado { background-color: var(--kb); color: var(--kbc); }


.plugin-studio-book .nav-general-contenedor { width: 100vw; margin: 0 -80px; overflow: hidden; }
.plugin-studio-book .nav-general{display: flex; gap: 16px; overflow: auto; scroll-snap-type: x mandatory; margin: 0; justify-content: left; } /* justify-content: center */
.plugin-studio-book .nav-general::-webkit-scrollbar{display: none;}
.plugin-studio-book .nav-general::before{content:''; padding-left: 64px;}
.plugin-studio-book .nav-general::after{content:''; padding-right: 64px;}
.plugin-studio-book .nav-general .item{min-width: 192px; max-width: 192px; scroll-snap-align: start; scroll-margin: 120px; padding: 0; box-sizing: border-box; text-decoration: none; overflow: hidden; }
.plugin-studio-book .nav-general .item:first-child{margin-left: 0}
.plugin-studio-book .nav-general .item .dia-nombre { text-align: center; font-size: var(--t3); font-weight: var(--font-weight-bold); }
.plugin-studio-book .nav-general .item .dia-numero { text-align: center; font-size: var(--t1); background-color: transparent;}

.plugin-studio-book .nav-general .item ul.classes { margin: 16px 0 0 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 1fr; }
.plugin-studio-book .nav-general .item ul.classes li { margin: 0; padding: 16px; list-style: none; display: grid; grid-gap: 8px; grid-template-columns: 1fr; border-radius: var(--br2); overflow: hidden; position: relative; background-color: var(--c2); border: 0; }
.plugin-studio-book .nav-general .item ul.classes li .hour { background-color: transparent; color: var(--c5); position: relative; display: block;}
.plugin-studio-book .nav-general .item ul.classes li .hour .inicio { text-align: left; padding: 0; }
.plugin-studio-book .nav-general .item ul.classes li .hour .ocupacion { position: absolute; top: 0; right: 0; font-size: var(--t1); }
.plugin-studio-book .nav-general .item ul.classes li .data { padding: 0; position: relative; text-align: left; }
.plugin-studio-book .nav-general .item ul.classes li .data .titulo { font-size: var(--t3); font-weight: var(--font-weight-bold); color: var(--c5); }
.plugin-studio-book .nav-general .item ul.classes li .data .instructor { font-size: var(--t1); color: var(--c4); }
.plugin-studio-book .nav-general .item ul.classes li .data .creditos { position: absolute; top: 10px; right: 12px; font-size: var(--t1); color: var(--c4); display: none; }
.plugin-studio-book .nav-general .item ul.classes li .accion { padding: 0; }
.plugin-studio-book .nav-general .item ul.classes li .accion .btnm { display: block; margin: 0 -16px -16px -16px; border-radius: 0; }
.plugin-studio-book .nav-general .item ul.classes li .accion .btnm-off { display: block; margin: 0 -16px -16px -16px; border-radius: 0; }

.plugin-studio-videos {}

.plugin-studio-videos .nav-categories-container { width: 100vw; margin: 0 -64px; overflow: hidden;}
.plugin-studio-videos .nav-categories{display: flex; gap: 8px; overflow: auto; scroll-snap-type: x mandatory; margin: 0; flex-wrap: nowrap }
.plugin-studio-videos .nav-categories::-webkit-scrollbar{display: none;}
.plugin-studio-videos .nav-categories::before{content:''; padding-left: 56px;}
.plugin-studio-videos .nav-categories::after{content:''; padding-right: 56px;}
.plugin-studio-videos .nav-categories .item{ scroll-snap-align: start; scroll-margin: 120px; background-color: var(--kc); color: var(--kcc); padding: 8px 16px; box-sizing: border-box; border-radius: var(--br4); text-decoration: none; overflow: hidden; cursor: pointer; flex-wrap: nowrap; width: auto; min-width: fit-content; max-width: 100%; }
.plugin-studio-videos .nav-categories .item:first-child{margin-left: 0}
.plugin-studio-videos .nav-categories .item .category-name { text-align: center; font-size: var(--t2); line-height: var(--t2); font-weight: var(--font-weight-bold); color: var(--kbc); padding:0; white-space: nowrap; }
.plugin-studio-videos .nav-categories .item.active { background-color: var(--ka); outline: none; }
.plugin-studio-videos .nav-categories .item.active .category-name { color: var(--kac); }

.plugin-studio-videos ul.videos { display: grid; grid-gap: 32px; grid-template-columns: 1fr 1fr 1fr; margin: 0; padding: 0; }
.plugin-studio-videos ul.videos li { margin: 0; padding: 0; list-style: none; }
.plugin-studio-videos ul.videos li .media { display: block; position: relative; border-radius: var(--br2); overflow: hidden; }
.plugin-studio-videos ul.videos li .media img { display: block; object-fit: cover; width: 100%; border-radius: var(--br2); outline: none; aspect-ratio: 16/9 }
.plugin-studio-videos ul.videos li .media .tag-free { position: absolute; top: 8px; left: 8px; z-index: 2; border-radius: 24px; padding: 0 8px; height: 24px; line-height: 24px; font-size: var(--t1); background-color: var(--c5); color: var(--c1); }
.plugin-studio-videos ul.videos li .media .overlay-lock { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: var(--overlay); }
.plugin-studio-videos ul.videos li .media .overlay-lock::before{content:""; position: absolute; top:0; bottom: 0; right: 0; left: 0; background: url(/cbpn-media/lock.svg); background-repeat: no-repeat !important; background-size: 24px auto !important; background-position: 50% 50% !important; filter: var(--filter-ba); -webkit-filter: var(--filter-ba);}
.plugin-studio-videos ul.videos li .detalle {
	margin: 16px 0 0 0; padding: 0;
	h4, p { margin: 0 0 8px 0; padding: 0; }
}


.plugin-studio-packs .grupo-nombre { color: var(--ka); }
.plugin-studio-packs ul.paquetes { margin: 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 1fr;}
.plugin-studio-packs ul.paquetes li { margin: 0; padding: 16px; list-style: none; background-color: var(--c1); border: 0px solid var(--c3); border-radius: var(--br2); display: grid; grid-gap: 16px; grid-template-columns: 1fr auto; }
.plugin-studio-packs ul.paquetes li .descripcion { text-align: left; }
.plugin-studio-packs ul.paquetes li .compra { }
.plugin-studio-packs ul.paquetes li.cupon { background-color: var(--kb); border: 1px solid var(--c3); }
.plugin-studio-packs ul.paquetes li.cupon small { color: var(--kbc); }

/* CHECKOUT */

.bx-checkout { max-width: 560px; margin: 0 auto; }

.bx-checkout .carrito .items { margin: 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 1fr; }
.bx-checkout .carrito .items .item { margin: 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 88px 1fr; }
.bx-checkout .carrito .items .item .media { grid-column: 1 / 2; grid-row: 1 / 2; }
.bx-checkout .carrito .items .item .media img {display: block; object-fit: cover; width: 100%; aspect-ratio: 1/1; border-radius: var(--br2);}
.bx-checkout .carrito .items .item .descripcion { grid-column: 2 / 3; grid-row: 1 / 2; position: relative; padding-right: 48px; }
.bx-checkout .carrito .items .item .descripcion .remover { position: absolute; top: 0; right: 0; text-indent: -6000px; border-radius: 32px; background-color: var(--c2); border: 0px solid var(--c3); width: 32px; height: 32px; cursor: pointer; }
.bx-checkout .carrito .items .item .descripcion .remover::before{content:""; position: absolute; background: url(/cbpn-media/basura.svg); top: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: 20px auto !important; background-position: 50% 50% !important; width: 30px; filter: var(--filter-co); -webkit-filter: var(--filter-co);}

/* SPLIDE */

.splide__container,.splide__slide{box-sizing:border-box;position:relative}.splide.is-initialized:not(.is-active) .splide__list,.splide__track--ttb>.splide__list{display:block}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination,.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;-webkit-tap-highlight-color:transparent}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:1s linear infinite splide-loading;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__arrow{-ms-flex-align:center;align-items:center;background:#fff;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:40px;-ms-flex-pack:center;justify-content:center;opacity:.3;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:1}.splide__arrow svg{fill:#000;height:16px;width:16px}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:#0bf solid 3px;outline-offset:3px}.splide__arrow--prev{left:24px}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:24px}.splide.is-focus-in .splide__arrow:focus{outline:#0bf solid 3px;outline-offset:3px}.splide__pagination{bottom:16px;left:0;padding:0 4px;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#999;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.4;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:var(--ka);transform:scale(1.4);z-index:1;opacity:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:#0bf solid 3px;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:#0bf solid 3px;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:#0bf solid 3px;outline-offset:-3px}.splide.is-focus-in .splide__slide:focus{outline:#0bf solid 3px;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:#0bf solid 3px;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:#0bf solid 3px;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
	
/* Fancybox */
  
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.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:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size: 14px;-webkit-font-smoothing:subpixel-antialiased;height:40px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.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{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.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{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}



@media (max-width: 800px) {
	
	.only-desk { display: none !important; }
	.only-mobile { display: block !important; }
	
	.bx-1-2 {grid-template-columns: 1fr !important;}
	.bx-1-2 div:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; }
	.bx-1-2 div:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; }
	.bx-1-2 div:nth-child(3) { grid-column: 1 / 2; grid-row: 3 / 4; }
	.bx-1-3 {grid-template-columns: 1fr !important;}
	.bx-1-3 div:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; }
	.bx-1-3 div:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; }
	.bx-1-3 div:nth-child(3) { grid-column: 1 / 2; grid-row: 3 / 4; }
	.bx-1-3 div:nth-child(4) { grid-column: 1 / 2; grid-row: 4 / 5; }
	.bx-2 {grid-template-columns: 1fr;}
	.bx-2f {grid-template-columns: 1fr;}
	.bx-2.invert div:first-child{grid-column: 1 / 2; grid-row: 2 / 3;}
	.bx-2.invert div:last-child{grid-column: 1 / 2; grid-row: 1 / 2;}
	.bx-3 {grid-template-columns: 1fr;}
	.bx-4 {grid-template-columns: 1fr;}
	
	.bx-33-66 {grid-template-columns: 1fr;}
	.bx-66-33 {grid-template-columns: 1fr;}
	
	.bx-1-1d {display: grid; grid-gap: var(--bx-gap); grid-template-columns: 1fr;}
	.bx-1-1d div:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; }
	.bx-1-1d div:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; }

	.bx-50x50-1-auto {grid-template-columns: 1fr; grid-template-rows: 1fr;}
	.bx-50x50-1-auto div:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; }
	.bx-50x50-1-auto div:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; }
	.bx-50x50-1-auto div:nth-child(3) { grid-column: 1 / 2; grid-row: 3 / 4; }
	
	header .bx-burger { display: block; }
	header .nav { display: none; }
	header .nav ul.nav-a li a.btn-mi-cuenta { display: none; }
	header .nav ul.nav-a li a.btn-carrito { display: none; }
	header .nav-account { display: block; }
	
	header .nav { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; transform: translate(0,0); padding: var(--header-menu-padding); padding-top: var(--header-height); }
	header .nav ul.nav-a { gap: 0; flex-direction: column; }
	
	header .nav ul.nav-a li ul.nav-b { position: relative; top: 0; left: 0; right: 0; margin: 0 0 0 8%; padding: 0; width: auto; background-color: transparent; border-radius: 0; display: none;}
	header .nav ul.nav-a li ul.nav-b li a { margin: 0; padding: 0; white-space: nowrap; }
	header .nav ul.nav-a li ul.nav-b.in{left: auto !important; right: 0 !important;}
	
	footer .bx-links { display: flex; flex-direction: column; gap: var(--footer-links-gap); }
	
	.bx-btns{flex-flow: column wrap; width: 100%;}
	.bx-btns-modal{flex-flow: column wrap; width: 100%;}
	
	.hero .video-background { aspect-ratio: var(--video-hero-ratio) !important; }
	.video-background .video-contenido{position: absolute; bottom: 24px; left: 24px; right: 24%; z-index: 2; pointer-events: none;}
	.hero .video-background .video-contenido { min-width: var(--video-hero-contenido-minwidth) !important; }
	
	.hero-only-desk .bx-banner .item .detalle { display: none; }
	.hero-only-mobile .bx-banner .item .detalle { display: block; }
	
	.m-1-1 {
		.slide .slide-img { aspect-ratio: 1 / 1 !important; }
		.banner .banner-img { aspect-ratio: 1 / 1 !important; }
	}
	
	.m-2-3 {
		.slide .slide-img { aspect-ratio: 2 / 3 !important; }
		.banner .banner-img { aspect-ratio: 2 / 3 !important; }
	}

	/* BX MD */

	.bx-md .media { grid-column: 1 / 2; grid-row: 1 / 2; }
	.bx-md .media img {display: block; object-fit: cover; width: 100%; aspect-ratio: var(--bx-md-ratio); border-radius: var(--bx-br);}
	.bx-md .detalle { grid-column: 1 / 2; grid-row: 2 / 3;  }
	
	.plugin-container { width: 100vw; margin: 0 -24px; overflow: hidden;}
	
	.plugin-studio-book .nav-days-container { width: 100vw; margin: 0 -24px; overflow: hidden;}
	
	.plugin-studio-book .nav-days-container .bx-scroll-left { display: none; }
	.plugin-studio-book .nav-days-container .bx-scroll-right { display: none; }
	
	.plugin-studio-book .nav-days{display: flex; gap: 8px; overflow: auto; scroll-snap-type: x mandatory; margin: 0; flex-wrap: nowrap }
	.plugin-studio-book .nav-days::-webkit-scrollbar{display: none;}
	.plugin-studio-book .nav-days::before{content:''; padding-left: 16px;}
	.plugin-studio-book .nav-days::after{content:''; padding-right: 16px;}
	.plugin-studio-book .nav-days .item{ min-width: 80px; max-width: 160px; scroll-snap-align: start; scroll-margin: 120px; padding: 12px 0; box-sizing: border-box; border-radius: var(--br2); text-decoration: none; overflow: hidden; }
	.plugin-studio-book .nav-days .item:first-child{margin-left: 0}
	
	.plugin-studio-book .nav-days .item .day-number { text-align: center; font-size: var(--t1); line-height: var(--t1); padding:0; }
	.plugin-studio-book .nav-days .item.active { background-color: var(--ka); color: var(--kac); }
	.plugin-studio-book .nav-days .item.active .day-number { text-align: center; font-size: var(--t1); font-weight: var(--font-weight-bold); background-color: var(--kaOverlayColor); padding: 0; }
	
	.plugin-studio-packs ul.paquetes li { margin: 0; padding: 16px; list-style: none; background-color: var(--c1); border: 1px solid var(--c3); border-radius: var(--br2); display: grid; grid-gap: 16px; grid-template-columns: 1fr; }
	
	.plugin-studio-videos .nav-categories-container { width: 100vw; margin: 0 -24px; overflow: hidden;}
	.plugin-studio-videos .nav-categories::before{content:''; padding-left: 16px;}
	.plugin-studio-videos .nav-categories::after{content:''; padding-right: 16px;}
	.plugin-studio-videos ul.videos { grid-gap: 24px; grid-template-columns: 1fr; }

	/* FLOAT COLUMN */

	.float-column .columna-contenedor .top { position: absolute; top: 136px; left: 50%; transform: translate(-50%,0); z-index: 2; max-width: 72%; }
	.float-column .columna-contenedor .bottom { position: absolute; bottom: 40px; left: 50%; transform: translate(-50%,0); z-index: 2; min-width: 64%; max-width: 88%; }
	
	/*.plugin-studio-book ul.classes li .hour { grid-column: 1 / 2; grid-row: 1 / 3; }
	.plugin-studio-book ul.classes li .info { grid-column: 2 / 4; grid-row: 1 / 2; }
	.plugin-studio-book ul.classes li .accion { grid-column: 2 / 4; grid-row: 2 / 3; padding-top: 0; }*/
	
	
	/*.hero .bx-slide .item .detalle { position: absolute; inset: var(--bx-slide-hero-contenido-inset); transform: var(--bx-slide-hero-contenido-inset-transform); max-width: var(--bx-slide-hero-contenido-maxwidth); min-width: var(--bx-slide-hero-contenido-minwidth); text-align: center;}
	.hero .bx-slide, .hero .bx-slide .media img { aspect-ratio: var(--bx-slide-hero-ratio) !important; }*/
	
}