: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;}

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;}

.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;}

/* BG GRIDS */

.bx {padding: var(--bx-padding) !important;}
.bxv {padding: var(--bxv-padding) !important;}
.bxh {padding: var(--bxh-padding) !important;}
.bx-full {padding: 0 !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;}

/* 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); transform: var(--header-logo-transform); display: block; display: block; }
header .logo img { height: var(--header-logo-height); display: block; }

header .burger { position: absolute; left: var(--header-burger-left); right: var(--header-burger-right); top: var(--header-burger-top); display: none; width: var(--header-burger-size); height: var(--header-burger-size); background-color: var(--header-ico-bg); border: 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: calc(100% - 16px);background: var(--header-ico-color);border-radius: 9px;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: 12px;}
header .burger span:nth-child(2), header .burger span:nth-child(3) {top: 18px;}
header .burger span:nth-child(4) {top: 24px;}
header .burger.burger-open span:nth-child(1) {top: 16px;width: 0%;left: 50%;}
header .burger.burger-open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
header .burger.burger-open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
header .burger.burger-open span:nth-child(4) {top: 16px;width: 0%;left: 50%;}

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); 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); }

/* 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 { }

/* 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 {}

/* SLIDE (DEP) */

.slide { position: relative;}
.slide-padding {margin: 0 !important;}
.slide .slide-video-play { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--banner-img-br); opacity: 0.8; }
.slide .slide-video-play::before{content:""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(/cbpn-media/play.svg); width: 72px; height: 72px; background-repeat: no-repeat !important; background-size: 72px auto !important; background-position: 50% 50% !important;}
.slide .slide-img {display: block; object-fit: cover; width: 100%; border-radius: var(--slide-img-br); outline: none;}
.slide .slide-contenido{position: absolute; inset: var(--slide-contenido-inset); z-index: 2; }
.slide .slide-contenido h1, .slide .slide-contenido h2, .slide .slide-contenido h3, .slide .slide-contenido h4, .slide .slide-contenido p { color: var(--slide-contenido-color); }
.slide .slide-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; border-radius: var(--slide-img-br); background: var(--slide-overlay-bg); }

.hero .slide .slide-contenido { position: absolute; inset: var(--slide-hero-contenido-inset); transform: var(--slide-hero-contenido-inset-transform); max-width: var(--slide-hero-contenido-maxwidth); text-align: center;}
.hero .slide .slide-contenido h1, .hero .slide .slide-contenido h2, .hero .slide .slide-contenido h3, .hero .slide .slide-contenido h4, .hero .slide .slide-contenido p { color: var(--slide-hero-contenido-color) !important; }
.hero .slide .slide-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; background: var(--slide-hero-overlay-bg); }

.bx-full .slide .slide-img {border-radius: 0;}
.bx-full .slide .slide-overlay{border-radius: 0;}

.slide-carousel .slide .slide-contenido {position: absolute; inset: var(--carousel-contenido-inset);}
.slide-carousel-full { width: 100vw; margin: var(--carousel-full-margin); }
.slide-carousel-full .slide-padding {margin: var(--carousel-full-padding) !important;}
.slide-carousel-full .slide-contenedor { padding: 0; }
.slide-carousel-full li.slide:nth-child(2n) {  top: 0px; } /* odd fx */
.slide-carousel-full li.slide:nth-child(1n) { bottom: 0px; } /* even fx */
.slide-carousel-full .splide__arrow--prev{left: var(--carousel-full-arrow-left)}
.slide-carousel-full .splide__pagination { bottom: var(--carousel-full-paginacion); }
.slide-carousel-full .splide__track { padding-left: var(--carousel-full-offset); }

.hero .slide-carousel .slide .slide-contenido { position: absolute; inset: var(--slide-carousel-hero-contenido-inset) !important; transform: var(--slide-carousel-hero-contenido-inset-transform); max-width: var(--slide-carousel-hero-contenido-maxwidth); text-align: center;}
.hero .slide-carousel .slide .slide-contenido h1, .hero .slide .slide-contenido h2, .hero .slide .slide-contenido h3, .hero .slide .slide-contenido h4, .hero .slide .slide-contenido p { color: var(--slide-carousel-hero-contenido-color); }
.hero .slide-carousel .slide .slide-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; background: var(--slide-carousel-hero-overlay-bg); }

/* BANNER */

.banner {position: relative;}
.banner .banner-img {display: block; object-fit: cover; width: 100%; border-radius: var(--banner-img-br); outline: none; }
.banner .banner-video-play { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--banner-img-br); }
.banner .banner-video-play::before{content:""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(/cbpn-media/play.svg); width: 56px; height: 56px; background-repeat: no-repeat !important; background-size: 56px auto !important; background-position: 50% 50% !important;}
.banner .banner-contenido{position: absolute; inset: var(--banner-contenido-inset); z-index: 2;}
.banner .banner-contenido h1, .banner .banner-contenido h2, .banner .banner-contenido h3, .banner .banner-contenido h4, .banner .banner-contenido p { color: var(--banner-contenido-color); }
.banner .banner-contenido-out{position: relative; margin-top: var(--banner-contenido-out);}
.banner .banner-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; border-radius: var(--banner-img-br); background: var(--banner-overlay-bg); }

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

.bx-full .banner .banner-img {border-radius: 0;}
.bx-full .banner .banner-overlay{border-radius: 0;}

/* 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 .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 {border-radius: 0;}
.bx-full .video-background .video-url{border-radius: 0;}
.bx-full .video-background .video-overlay{border-radius: 0;}


/*.video-background {position: relative;width: 100%;overflow: hidden;border-radius: var(--video-br);}
.video-background iframe { border: 0; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); pointer-events: none; margin: 0; padding: 0;}

.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 {border-radius: 0;}
.bx-full .video-background .video-url{border-radius: 0;}
.bx-full .video-background .video-overlay{border-radius: 0;}*/

/* GALERIA */

.galeria { display: grid; grid-gap: var(--galeria-gap); grid-template-columns: var(--galeria-columns); }
.galeria .banner .banner-img {display: block; object-fit: cover; width: 100%; border-radius: var(--banner-img-br); outline: none; }

/* 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;}

/* 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);}

/* 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);}

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;}

/* 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 */

.ico, .ico-ka {padding-left: 28px !important; display: block; position: relative;}
.ico::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: 20px auto !important; background-position: 0 50% !important; width: 20px; filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.ico-ka::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background-repeat: no-repeat !important; background-size: 20px auto !important; background-position: 0 50% !important; width: 20px; 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-phone::before{background: url(/cbpn-media/phone.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);}

.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;}

/* DETAILS */

details{margin: 0 0 8px 0; padding: 0; background-color: var(--c1); border-radius: var(--br2); border: 1px solid var(--c3); }
details[open] {background-color: var(--c2);}
details:last-child{margin:0}
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::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);}
details > div.bx-1{ grid-gap: var(--bx-gap-h)}
details > div ul.bx-links, details > div ul.bx-lista { border: 0; }
details > ul.bx-links, details > ul.bx-lista { border: 0; border-radius: 0; background-color: transparent; }

/* 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);}

/* 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-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-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-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-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-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);}

/* BOTONES */

.bx-btns{display: inline-flex; flex-flow: row wrap; gap: var(--btn-gap); }
.bx-btns a{  text-align: center; background-color: var(--btn-bg); color: var(--btn-color); padding: var(--btn-padding-inline); height: var(--btn-height); line-height: var(--btn-height); border-radius: var(--btn-br); text-decoration: none; font-weight: var(--btn-weight); }
.bx-btns a.on, .bx-btns button.on{ background-color: var(--btn-on-bg); color: var(--btn-on-color) !important;}
.bx-btns.wide { display: flex; }
.bx-btns.wide a{ flex: 1; }

.bx-btns-modal{display: flex; flex-flow: row wrap; gap: var(--btn-gap); margin: 0;}
.bx-btns-modal a, .bx-btns-modal button{flex:1; text-align: center; background-color: var(--btn-bg); color: var(--btn-color); padding: var(--btn-padding-inline); height: var(--btn-height); line-height: var(--btn-height); border-radius: var(--btn-br); text-decoration: none; font-weight: var(--btn-weight);}
.bx-btns-modal a.key, .bx-btns-modal button.key{flex-basis: 100%}
.bx-btns-modal a.on, .bx-btns-modal button.on{ background-color: var(--btn-on-bg); color: var(--btn-on-color) !important;}


.btn{ position: relative; background-color: var(--btn-on-bg); color: var(--btn-on-color); 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); }
.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.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(--c3); color: var(--c5);}
.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.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);  }

/*.btn { background-color: var(--btn-on-bg); color: var(--btn-on-color); padding: var(--btn-padding-inline); height: var(--btn-height); line-height: var(--btn-height); display: inline-block; text-decoration: none; border-radius: var(--btn-br); font-weight: var(--btn-weight); text-align: center; }

.btn-alt { background-color: var(--btn-bg); color: var(--btn-color); padding: var(--btn-padding-inline); height: var(--btn-height); line-height: var(--btn-height); display: inline-block; text-decoration: none; border-radius: var(--btn-br); font-weight: var(--btn-weight); text-align: center; }

.btnm { background-color: var(--btn-m-on-bg); color: var(--btn-m-on-color); 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; }

.btnm-alt { background-color: var(--btn-m-bg); color: var(--btn-m-color); 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; }

.btnm-off { background-color: var(--btn-m-off-bg); color: var(--btn-m-off-color); 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; }

.btn-wide { width: 100%; display: flex; justify-content: center; }
.btn-wide span { position: relative; }

*/

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); }

.tag{font-size: var(--t1); margin: 0; background-color: var(--c3); color: var(--c4); padding: 2px 8px; border-radius: var(--br1); display: inline-block; pointer-events: none;}
.tag-ka{background-color: var(--kb); color: var(--kbc);}

/* STUDIO */

.bx-studio {}

.bx-studio ul.clases { margin: 0; padding: 0; display: grid; grid-gap: 8px; grid-template-columns: 1fr; }
.bx-studio ul.clases li { margin: 0; padding: 0; list-style: none; display: grid; grid-gap: 0px; grid-template-columns: 80px 1fr auto; border-radius: var(--br2); overflow: hidden; position: relative; background-color: var(--c1); border: 1px solid var(--c3); }
.bx-studio ul.clases li .horas { background-color: var(--c2); color: var(--c5); display: flex; align-items: center; justify-content: center; }
.bx-studio ul.clases li .horas .inicio { text-align: center; }
.bx-studio ul.clases li .horas .ocupacion { text-align: center; font-size: var(--t1); }
.bx-studio ul.clases li .data { padding: 12px 16px; position: relative; text-align: left; }
.bx-studio ul.clases li .data .titulo { font-size: var(--t3); font-weight: var(--font-weight-bold); color: var(--c5); }
.bx-studio ul.clases li .data .instructor { font-size: var(--t1); color: var(--c4); }
.bx-studio ul.clases li .data .creditos { position: absolute; top: 10px; right: 12px; font-size: var(--t1); color: var(--c4); display: none; }
.bx-studio ul.clases li .accion { padding: 12px 16px; }

.bx-studio ul.clases li .flag { grid-column: 1 / 3; grid-row: 2 / 3; padding: 4px 12px; text-align: center; font-size: var(--t1); }
.bx-studio ul.clases li .flag.flag-agotado { background-color: var(--c3); color: var(--c5);}
.bx-studio ul.clases li .flag.flag-reservado { background-color: var(--kb); color: var(--kbc);}
.bx-studio ul.clases li .flag.flag-bloqueado { background-color: var(--c3); color: var(--c4);}
.bx-studio ul.clases li .flag.flag-iniciado { background-color: var(--c3); color: var(--c4);}
.bx-studio ul.clases li .flag.flag-finalizado { background-color: var(--c3); color: var(--c4);}

.bx-studio .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%; }

.bx-studio ul.spots { margin: 0; padding: 0; display: grid; grid-gap: 8px; grid-template-columns: repeat(5, 1fr); }
.bx-studio ul.spots li { position: relative; margin: 0; padding: 0; list-style: none; }
.bx-studio 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; }
.bx-studio ul.spots li a.ocupado { background-color: var(--c2); color: var(--c3); }
.bx-studio ul.spots li a.reservado { background-color: var(--kb); color: var(--kbc); }

.bx-studio .nav-dias-contenedor { width: 100vw; margin: 0 -80px; overflow: hidden; }
.bx-studio .nav-dias{display: flex; gap: 8px; overflow: auto; scroll-snap-type: x mandatory; margin: 0; justify-content: left; } /* justify-content: center */
.bx-studio .nav-dias::-webkit-scrollbar{display: none;}
.bx-studio .nav-dias::before{content:''; padding-left: 64px;}
.bx-studio .nav-dias::after{content:''; padding-right: 64px;}
.bx-studio .nav-dias .item{min-width: 80px; max-width: 160px; scroll-snap-align: start; scroll-margin: 120px; background-color: var(--c2); padding: 0; box-sizing: border-box; border-radius: var(--br2); text-decoration: none; overflow: hidden; }
.bx-studio .nav-dias .item:first-child{margin-left: 0}
.bx-studio .nav-dias .item .dia-nombre { text-align: center; font-size: var(--t3); font-weight: var(--font-weight-bold); padding: 4px 0; }
.bx-studio .nav-dias .item .dia-numero { text-align: center; font-size: var(--t1); background-color: var(--cOverlayColor); padding: 2px 0; }
.bx-studio .nav-dias .item.activo { background-color: var(--ka); color: var(--kac); }
.bx-studio .nav-dias .item.activo .dia-numero { text-align: center; font-size: var(--t1); font-weight: var(--font-weight-bold); background-color: var(--kaOverlayColor); padding: 2px 0; }

.bx-studio .nav-general-contenedor { width: 100vw; margin: 0 -80px; overflow: hidden; }
.bx-studio .nav-general{display: flex; gap: 16px; overflow: auto; scroll-snap-type: x mandatory; margin: 0; justify-content: left; } /* justify-content: center */
.bx-studio .nav-general::-webkit-scrollbar{display: none;}
.bx-studio .nav-general::before{content:''; padding-left: 64px;}
.bx-studio .nav-general::after{content:''; padding-right: 64px;}
.bx-studio .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; }
.bx-studio .nav-general .item:first-child{margin-left: 0}
.bx-studio .nav-general .item .dia-nombre { text-align: center; font-size: var(--t3); font-weight: var(--font-weight-bold); }
.bx-studio .nav-general .item .dia-numero { text-align: center; font-size: var(--t1); background-color: transparent;}

.bx-studio .nav-general .item ul.clases { margin: 16px 0 0 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 1fr; }
.bx-studio .nav-general .item ul.clases 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; }
.bx-studio .nav-general .item ul.clases li .horas { background-color: transparent; color: var(--c5); position: relative; display: block;}
.bx-studio .nav-general .item ul.clases li .horas .inicio { text-align: left; padding: 0; }
.bx-studio .nav-general .item ul.clases li .horas .ocupacion { position: absolute; top: 0; right: 0; font-size: var(--t1); }
.bx-studio .nav-general .item ul.clases li .data { padding: 0; position: relative; text-align: left; }
.bx-studio .nav-general .item ul.clases li .data .titulo { font-size: var(--t3); font-weight: var(--font-weight-bold); color: var(--c5); }
.bx-studio .nav-general .item ul.clases li .data .instructor { font-size: var(--t1); color: var(--c4); }
.bx-studio .nav-general .item ul.clases li .data .creditos { position: absolute; top: 10px; right: 12px; font-size: var(--t1); color: var(--c4); display: none; }
.bx-studio .nav-general .item ul.clases li .accion { padding: 0; }
.bx-studio .nav-general .item ul.clases li .accion .btnm { display: block; margin: 0 -16px -16px -16px; border-radius: 0; }
.bx-studio .nav-general .item ul.clases li .accion .btnm-off { display: block; margin: 0 -16px -16px -16px; border-radius: 0; }

.bx-studio .grupo-nombre { color: var(--ka); }
.bx-studio ul.paquetes { margin: 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 1fr;}
.bx-studio ul.paquetes li { margin: 0; padding: 0; 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 auto; }
.bx-studio ul.paquetes li .descripcion { text-align: left; padding: 16px; }
.bx-studio ul.paquetes li .descripcion h3 { color: var(--c5); }
.bx-studio ul.paquetes li .compra { padding: 16px; width: 176px; }
.bx-studio ul.paquetes li.cupon { background-color: var(--c2); border: 1px solid var(--c3); }
.bx-studio ul.paquetes li.cupon small { color: var(--c4); }

.bx-studio .nav-categorias{ width: 100vw; margin: 0 -64px; padding: 0 64px; overflow: auto; white-space: nowrap; text-align: center; }
.bx-studio .nav-categorias::-webkit-scrollbar{display: none;}
.bx-studio .nav-categorias .item{background-color: var(--c2); padding: 6px 16px; margin-right: 8px; box-sizing: border-box; border-radius: 24px; text-decoration: none; display: inline-block; font-weight: var(--font-weight-bold); }
.bx-studio .nav-categorias .item:last-child{ margin: 0; }
.bx-studio .nav-categorias .item.activo { background-color: var(--ka); color: var(--kac); }

.bx-studio ul.videos { margin: 0; padding: 0; display: grid; grid-gap: 24px; grid-template-columns: repeat(3, 1fr)}
.bx-studio ul.videos li { margin: 0; padding: 0; list-style: none; position: relative; }
.bx-studio ul.videos li a { display: block; text-align: left; padding: 0; text-decoration: none; overflow: hidden; position: relative; }
.bx-studio ul.videos li a img {display: block; object-fit: cover; width: 100%; aspect-ratio: 3/2; border-radius: var(--br2);}
.bx-studio ul.videos li a h4, .bx-studio ul.videos li a p { margin: 8px 0 0 0; padding: 0; }
.bx-studio ul.videos li a .muestra { position: absolute; top: 8px; right: 8px; background-color: var(--kb); color: var(--kbc); padding: 2px 8px; border-radius: 24px; font-size: var(--t1); }
.bx-studio ul.videos li a.b { position: absolute; width: 0px; height: 0px; display: block; outline: none !important; }

/* TIENDA */

.bx-tienda div.producto-detalle { margin: 0; padding: 0; display: grid; grid-gap: 32px; grid-template-columns: 1fr 1fr; }
.bx-tienda div.producto-detalle .detalle-media img {display: block; object-fit: cover; width: 100%; aspect-ratio: 4/5; border-radius: var(--br3);}
.bx-tienda div.producto-detalle .detalle-contenido {  }
.bx-tienda div.producto-detalle .detalle-contenido .contenido { display: grid; grid-gap: 32px; grid-template-columns: 1fr; }
.bx-tienda div.producto-detalle .detalle-contenido .contenido .titulo { margin: 0; padding: 0; }

/* CURSOS */

.bx-cursos div.curso-layout { margin: 0; padding: 0; display: grid; grid-gap: 32px; grid-template-columns: 24% 1fr; }

.bx-cursos div.curso-layout .layout-lateral {  }
.bx-cursos div.curso-layout .layout-lateral .contenido { position: sticky; top: 0; }
.bx-cursos div.curso-layout .layout-lateral .contenido img {display: block; object-fit: cover; width: 100%; aspect-ratio: 1/1; border-radius: var(--br2);}

.bx-cursos div.curso-layout .layout-contenido {  }
.bx-cursos div.curso-layout .layout-contenido .contenido { position: sticky; top: 0; border: 1px solid var(--c3); border-radius: var(--br2); padding: 24px; display: grid; grid-gap: 32px; grid-template-columns: 1fr; }
.bx-cursos div.curso-layout .layout-contenido .contenido .titulo { border-bottom: 1px solid var(--c3); }
.bx-cursos div.curso-layout .layout-contenido .videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */ height: 0;}
.bx-cursos div.curso-layout .layout-contenido .videoWrapper iframe {border: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* TIENDA LIBRERIA */

.bx-tienda div.layout-libreria { display: grid; grid-gap: 32px; grid-template-columns: 1fr 320px; }
.bx-tienda div.layout-libreria-full { display: grid; grid-gap: 32px; grid-template-columns: 1fr; }
.bx-tienda div.layout-libreria > div:nth-child(1) {}
.bx-tienda div.layout-libreria > div:nth-child(2) {}
.bx-tienda div.layout-libreria > div:nth-child(2) .sticky { position: sticky; top: 32px; }

/* BLOG */

ul.bx-blog { display: grid; grid-gap: var(--bx-gap); grid-template-columns: var(--blog-wall-columns); }
ul.bx-blog { margin: 0; padding: 0; }
ul.bx-blog 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-blog li a { margin: 0; padding: 0; display: block; }
ul.bx-blog li a img {display: block; object-fit: cover; width: 100%; aspect-ratio: var(--blog-ratio); border-radius: var(--bx-br);}
ul.bx-blog li .detalle { display: flex; flex-direction: column; gap: var(--spdm); }
ul.bx-blog li .detalle .titulo { color: var(--bx-key-color); font-size: var(--bx-key-size); font-weight: var(--bx-key-weight); }
ul.bx-blog li.norecords { grid-column: var(--blog-wall-nr-column); }
ul.bx-blog li:nth-child(1) { grid-column: 1 / 3; }

ul.bx-blog-texto { margin: 0; padding: 0; display: grid; grid-gap: 4px; grid-template-columns: 1fr; }
ul.bx-blog-texto li { margin: 0; padding: 0; list-style: none; }
ul.bx-blog-texto li a { position: relative; margin: 0; padding: 0 0 0 24px; display: grid; 0; grid-template-columns: 1fr; }
ul.bx-blog-texto li a::before{content:""; position: absolute; background: url(/cbpn-media/doc.svg); top: 0; left: 0; width: 20px; height: 20px; background-repeat: no-repeat !important; background-size: 20px auto !important; background-position: 50% 50% !important; filter: var(--bx-carousel-nav-filter); -webkit-filter: var(--bx-carousel-nav-filter);}
ul.bx-blog-texto li a .detalle { grid-column: 1 / 2; }
ul.bx-blog-texto li a .detalle .titulo { margin: 0; padding: 0; }
ul.bx-blog-texto li a .detalle .fecha { font-size: var(--t1); color: var(--c4); text-transform: uppercase; margin: 0 0 var(--px1) 0; }
ul.bx-blog-texto li a .detalle .texto {}

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; }

ul.bx-blog-mdv { margin: 0; padding: 0; display: grid; grid-gap: var(--bx-gap-h); grid-template-columns: 1fr; }
ul.bx-blog-mdv li { margin: 0; padding: 0; list-style: none; }
ul.bx-blog-mdv li a { margin: 0; padding: 0; display: grid; grid-gap: var(--bx-gap-h); grid-template-columns: 1fr; }
ul.bx-blog-mdv li a .media { grid-column: 1 / 2; grid-row: 1 / 2; }
ul.bx-blog-mdv 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-mdv li a .detalle { grid-column: 1 / 2; grid-row: 2 / 3; }
ul.bx-blog-mdv li a .detalle .titulo { margin: 0 0 var(--px2) 0; padding: 0; }
ul.bx-blog-mdv li a .detalle .fecha { font-size: var(--t1); color: var(--c4); text-transform: uppercase; margin: 0 0 var(--px1) 0; }
ul.bx-blog-mdv li a .detalle .texto {}
ul.bx-blog-mdv li.norecords { grid-column: 1 / 2; }

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; }

.bx-blog-slide { margin: 0; padding: 0; display: block;}
.bx-blog-slide li.media {  }
.bx-blog-slide li.media img {display: block; object-fit: cover; width: 100%; aspect-ratio: var(--blog-ratio); border-radius: var(--bx-br); position: relative;}
.bx-blog-slide li.media .detalle {position: absolute; inset: var(--blog-slide-contenido-inset); z-index: 2; pointer-events: none; }
.bx-blog-slide li.media .detalle .tags { margin-bottom: var(--spdh) !important; }
.bx-blog-slide li.media .detalle .titulo { color: var(--blog-slide-contenido-color); margin: 0 0 var(--px2) 0; padding: 0; }
.bx-blog-slide li.media .detalle .fecha { color: var(--blog-slide-contenido-color); font-size: var(--t1); text-transform: uppercase; margin: 0 0 var(--px1) 0; }
.bx-blog-slide li.media .detalle .texto { color: var(--blog-slide-contenido-color); }
.bx-blog-slide .slide-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; border-radius: var(--bx-br); background: var(--blog-slide-overlay-bg); }

.bx-blog-carousel { margin: 0; padding: 0; width: 100vw; margin: var(--carousel-full-margin); }
.bx-blog-carousel li.media {  }
.bx-blog-carousel li.media img {display: block; object-fit: cover; width: 100%; aspect-ratio: var(--blog-carousel-ratio); border-radius: var(--bx-br); position: relative;}
.bx-blog-carousel li.media .detalle {position: absolute; inset: var(--blog-slide-contenido-inset); z-index: 2; pointer-events: none; }
.bx-blog-carousel li.media .detalle .tags { margin-bottom: var(--spdh) !important; }
.bx-blog-carousel li.media .detalle .titulo { color: var(--blog-carousel-contenido-color); margin: 0 0 var(--px2) 0; padding: 0; }
.bx-blog-carousel li.media .detalle .fecha { color: var(--blog-carousel-contenido-color); font-size: var(--t1); text-transform: uppercase; margin: 0 0 var(--px1) 0; }
.bx-blog-carousel li.media .detalle .texto { color: var(--blog-carousel-contenido-color); }
.bx-blog-carousel .slide-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; border-radius: var(--bx-br); background: var(--blog-carousel-overlay-bg); }

.bx-blog-carousel .slide-padding {margin: var(--carousel-full-padding) !important;}
.bx-blog-carousel .splide__arrow--prev{left: var(--carousel-full-arrow-left)}
.bx-blog-carousel .splide__pagination { bottom: var(--carousel-full-paginacion); }
.bx-blog-carousel .splide__track { padding-left: var(--carousel-full-offset) !important; }

.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; }

/* ADS */

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

/* 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; }
.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);}

.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; }

/* CALENDARIO */

.calendario {width: 100%;border-radius: var(--br2); background-color: var(--c1); overflow: hidden; border: 1px solid var(--c3); }
.calendario .calendario-header {display: flex;align-items: center; margin: 0; padding: 4px 4px 4px 12px;justify-content: space-between; border-bottom: 1px solid var(--c3); }
.calendario .calendario-header .calendario-mes { margin: 0; padding: 0; height: 32px; line-height: 32px; }
.calendario .calendario-header .calendario-nav {display: flex;}
.calendario .calendario-header .calendario-nav .calendario-nav-prev{ width: 32px; aspect-ratio:1/1; position: relative; text-indent: -6000px; cursor: pointer; border-radius: 100%; }
.calendario .calendario-header .calendario-nav .calendario-nav-prev::before{content:""; position: absolute; top: 0; right: 0; bottom: 0; background: url(/cbpn-media/arrow-left.svg) 50% 50% no-repeat; background-size: 24px auto; width: 32px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.calendario .calendario-header .calendario-nav .calendario-nav-next{ width: 32px; aspect-ratio:1/1; position: relative; text-indent: -6000px; cursor: pointer; border-radius: 100%; }
.calendario .calendario-header .calendario-nav .calendario-nav-next::before{content:""; position: absolute; top: 0; right: 0; bottom: 0; background: url(/cbpn-media/arrow-right.svg) 50% 50% no-repeat; background-size: 24px auto; width: 32px;filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.calendario .calendario-header .calendario-nav span:last-child {margin-right: 0px;}
.calendario .calendario-body { margin: 0; padding: 0px;}
.calendario .calendario-body ul {list-style: none;flex-wrap: wrap;display: flex;text-align: center; margin: 0; padding: 0px;}
.calendario .calendario-body li {width: calc(100% / 7); font-size: var(--t2);}
.calendario .calendario-body .calendario-semana { border-bottom: 1px solid var(--c3); }
.calendario .calendario-body .calendario-semana li {cursor: default; padding: 10px 0; display: flex; align-items: center; justify-content: center; color: var(--c5); font-size: var(--t1);}
.calendario .calendario-body .calendario-dias {margin-bottom: 0px;}
.calendario .calendario-body .calendario-dias li {margin-top: 0;aspect-ratio: 1/1;position: relative;z-index: 1;cursor: pointer;display: flex; align-items: center; justify-content: center;}
.calendario .calendario-dias li::before {position: absolute;content: "";z-index: -1;top: 50%;left: 50%;width: calc(100% - 8px);aspect-ratio: 1/1;border-radius: 50%;transform: translate(-50%, -50%);}
.calendario .calendario-dias li.active {color: var(--kac);}
.calendario .calendario-dias li.active::before {background-color: var(--ka);}
.calendario .calendario-dias li:not(.active):hover::before {background: var(--kb); color: var(--kbc) !important;}
.calendario .calendario-dias li:not(.active):hover {color: var(--kbc) !important;}
.calendario .calendario-dias li.inactive {color: var(--c5);}
.calendario .calendario-dias li.selected {color: var(--kbc);}
.calendario .calendario-dias li.selected::before {background-color: var(--kb) !important; color: var(--kbc);}

/* 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 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 a { margin: 0; padding: 0; display: block; }
ul.bx-cards li a img {display: block; object-fit: cover; width: 100%; aspect-ratio: var(--cards-ratio); border-radius: var(--bx-br);}
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 .detalle .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 .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); }

/* POPOVERS */

.popover-cards-detail { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border-radius: var(--slide-img-br); background: var(--popover-cards-detail-overlay-bg); overflow: hidden;  }
.popover-cards-detail .contenido { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: grid; grid-gap: 24px; grid-template-columns: var(--popover-cards-detail-columns); margin: 0; padding: 0; background-color: var(--c1); width: min(100%, 640px); border-radius: var(--br4); box-shadow: var(--shadow-1); overflow: hidden; }
.popover-cards-detail .media { padding: 24px 0 24px 24px !important; }
.popover-cards-detail .detalle { position: relative; padding: 24px 24px 24px 0 !important; max-height: 56vh; overflow-y: scroll; }
.popover-cards-detail .contenido .barrido {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 48px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);pointer-events: none;}


/* 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(--br3); }
.bx-carousel .item .contenido { background-color: var(--c2); border: 1px solid var(--c3); padding: var(--bx-padding-inline); 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 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 .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);}

/* INFINITO LOGOS */

.bx-infinito-contenedor {width: var(--bx-infinito-width); margin: var(--bx-infinito-margin); overflow: hidden;position: relative;}
.bx-infinito-contenedor:before, .bx-infinito-contenedor:after {position: absolute;top: 0;content: '';width: var(--bx-infinito-mask-width);height: 100%;z-index: 2;}
.bx-infinito-contenedor:before {left: 0;background: linear-gradient(to left, var(--bx-infinito-mask-out), var(--bx-infinito-mask-in));}
.bx-infinito-contenedor:after {right: 0;background: linear-gradient(to right, var(--bx-infinito-mask-out), var(--bx-infinito-mask-in));}
.bx-infinito {display: flex;gap: 0px;position: relative; align-items: center;}
.bx-infinito .item { padding: var(--bx-infinito-items-padding); }
.bx-infinito .item img {max-width: var(--bx-infinito-items-width);max-height: var(--bx-infinito-items-height);}

/* UL MDA */

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

/* UL MD */

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

/* 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); }

/* PAGINACION */

.bx-paginacion { display: flex; justify-content: center }
.bx-paginacion a{ display: inline-block; background-color: var(--c3); color: var(--c5); padding: 12px 24px; border-radius: 40px; font-weight: 500; }

/* BREADCRUMB */

.bx-breadcrumb { display: flex; gap: 8px; }
.bx-breadcrumb a { border: 1px solid var(--c3); padding: var(--btn-m-padding-inline); line-height: normal; border-radius: 40px; }
.bx-breadcrumb a.key { background-color: var(--c2); font-weight: 500; }

/* QR */

.qrcode { border: 1px solid var(--c3); background-color: #FFF; margin: 0 auto; padding: 16px; width: 288px; border-radius: var(--br2); }

.qrcam {display: grid; grid-gap: 16px; padding: 0 64px; border-radius: var(--br2); box-sizing: border-box; grid-template-columns: 1fr; background-color: var(--c1); width: 100%;}
.qrcam .viewer { border-radius: var(--br2); overflow: hidden; aspect-ratio: 1/1; background-color: var(--c2); position: relative; }
.qrcam .viewer::before{content:""; position: absolute; background: url(/cbpn-media/bloqueado.svg); top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat !important; background-size: 48px auto !important; background-position: 50% 50% !important; filter: var(--filter-co); -webkit-filter: var(--filter-co);}
.qrcam .respuesta { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; padding: 32px; background-color: var(--c2); display: flex; align-items: center; justify-content: center }
.qrcam .respuesta .mensaje {}
.qrcam .valido { background-color: var(--ka); }
.qrcam .valido h2, .qrcam .valido h4, .qrcam .valido p { color: var(--kac); }

/* EXTRAS */

.norecords { background-color: var(--c2); color: var(--c4); padding: 24px; border-radius: var(--br2); 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;}

/* PLUGIN */

.plugin-studio-book {}

.plugin-studio-book .nav-days-container { width: 100vw; margin: 0 -64px; overflow: hidden;}
.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: 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(--kc); color: var(--kcc); 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-name { text-align: center; font-size: var(--t3); line-height: var(--t4); font-weight: var(--font-weight-bold); color: var(--kbc); 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: 1px 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; }
.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); }

/* 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;}
	
	header .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 { left: 0; right: 0; top: 100%; transform: translate(0,0); padding: var(--header-menu-padding); }
	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;}
	
	.bx-btns{flex-flow: column wrap; width: 100%;}
	.bx-btns-modal{flex-flow: column wrap; width: 100%;}
	
	.hero .slide .slide-img { aspect-ratio: var(--slide-hero-ratio) !important; }
	.hero .slide .slide-contenido { min-width: var(--slide-hero-contenido-minwidth) !important;}
	.splide__arrow { display: none !important; }
	
	.hero .banner .banner-img { aspect-ratio: var(--banner-hero-ratio) !important; }
	.hero .banner .banner-contenido { min-width: var(--banner-hero-contenido-minwidth) !important; }
	
	.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; }
	
	.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-studio .nav-dias-contenedor { margin: 0 -16px; }
	.bx-studio .nav-dias{gap: 8px; justify-content: left}
	.bx-studio .nav-dias::before{content:''; padding-left: 16px;}
	.bx-studio .nav-dias::after{content:''; padding-right: 16px;}
	.bx-studio .nav-dias .item{scroll-margin: 16px;}
	
	.bx-studio .nav-general-contenedor { margin: 0 -16px; }
	.bx-studio .nav-general{gap: 8px; justify-content: left}
	.bx-studio .nav-general::before{content:''; padding-left: 16px;}
	.bx-studio .nav-general::after{content:''; padding-right: 16px;}
	.bx-studio .nav-general .item{scroll-margin: 16px;}
	
	.bx-studio .nav-categorias{ margin: 0 -16px; padding: 0 16px; }
	
	.bx-studio ul.videos { margin: 0; padding: 0; display: grid; grid-gap: 24px 16px; grid-template-columns: repeat(1, 1fr)}
	
	.bx-studio ul.paquetes li { grid-template-columns: 1fr; }
	.bx-studio ul.paquetes li .descripcion { text-align: center; padding: 16px 16px 0 16px; }
	.bx-studio ul.paquetes li .compra { padding: 0 16px 16px 16px; width: 100%; }
	
	.bx-tienda div.layout-libreria { display: grid; grid-gap: 24px; grid-template-columns: 1fr; }
	.bx-tienda div.layout-libreria > div:nth-child(1) { grid-row: 2 / 3; }
	.bx-tienda div.layout-libreria > div:nth-child(2) { grid-row: 1 / 2; }
	
	
	ul.bx-mda li .media { grid-column: 1 / 2; grid-row: 1 / 3; }
	ul.bx-mda li .detalle { grid-column: 2 / 3; grid-row: 1 / 2; }
	ul.bx-mda li .auto { grid-column: 2 / 3; grid-row: 2 / 3; }
	ul.bx-mda li.norecords { grid-column: 1 / 3; }
	
	ul.bx-md li .media { grid-column: 1 / 2; grid-row: 1 / 2; }
	ul.bx-md li .media img {aspect-ratio: 1/1; border-radius: var(--br2);}
	ul.bx-md li .detalle { grid-column: 2 / 3; grid-row: 1 / 2; }
	ul.bx-md li.norecords { grid-column: 1 / 3; }
	
	.bx-md .media { grid-column: 1 / 2; grid-row: 1 / 2; }
	.bx-md .detalle { grid-column: 1 / 2; grid-row: 2 / 3; }
	
	.qrcam {padding: 0 32px;}
	
	/* BREADCRUMB */
	
	.bx-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; }
	.bx-breadcrumb a { border: 1px solid var(--c3); padding: var(--btn-m-padding-inline); line-height: normal; border-radius: 40px; }
	.bx-breadcrumb a.key { background-color: var(--c2); font-weight: 500; }
	
}