: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); line-height: normal; color: var(--c4); background-color: var(--c1); font-weight: 500;}

h1{font-family: var(--font-family-alt), sans-serif; font-size: var(--t6); line-height: normal; margin: 0; padding: 0; color: var(--c5); font-weight: 500;}
h1:last-child{padding: 0 !important;}
h2{font-family: var(--font-family-alt), sans-serif; font-size: var(--t5); line-height: normal; margin: 0; padding: 0; color: var(--c5); font-weight: 500;}
h2:last-child{padding: 0 !important;}
h3{font-size: var(--t4); line-height: normal; margin: 0; padding: 0; color: var(--c5); font-weight: 500;}
h3:last-child{padding: 0 !important;}
h4{font-size: var(--t3); line-height: normal; margin: 0; padding: 0; color: var(--c5); font-weight: 400;}
h4:last-child{padding: 0 !important;}
h5{font-size: var(--t1); line-height: normal; margin: 0; padding: 0; color: var(--c4); font-weight: 500; text-transform: uppercase;}

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

ul { list-style: disc !important; margin-left: 40px; margin-bottom: 16px; }
ul:last-child { margin-bottom: 0; }
ul li { margin-bottom: 4px; }
ul li:last-child { margin: 0; }

p { margin: 0; padding-bottom: 16px;}
p:last-child{margin:0; padding:0;}

.nm{margin: 0 !important}
.np{padding: 0 !important}
.nbr{border-radius: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: 16px !important}
.spdh{margin-bottom: 8px !important}
.dspd{margin-bottom: 32px !important}
.spu{margin-top: 16px !important}
.spuh{margin-top: 8px !important}
.dspu{margin-top: 32px !important}

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

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


.bx {padding: 80px !important;}
.bx-full {padding: 0px !important;}
.bx-1 {display: grid; grid-gap: 32px; grid-template-columns: 1fr !important;}
.bx-1-2 {display: grid; grid-gap: 32px; 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: 32px; 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-2 {display: grid; grid-gap: 32px; grid-template-columns: 1fr 1fr;}
.bx-2f {display: grid; grid-gap: 16px; 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: 32px; grid-template-columns: 1fr 1fr 1fr;}
.bx-4 {display: grid; grid-gap: 32px; grid-template-columns: 1fr 1fr 1fr 1fr;}

header { position: relative; z-index: 10; height: var(--header-height); background-color: var(--c1); }
header .logo { position: absolute; left: 80px; top: 50%; transform: translate(0,-50%); color: var(--c5); font-size: var(--t4); font-weight: 700; text-decoration: none; display: block; }
header .logo img { height: var(--header-logo-height); }

header .burger { position: absolute; right: 16px; top: 50%; transform: translate(0,-50%); display: none; width: 40px;height: 32px;-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: 3px;width: calc(100% - 16px);background: var(--c5);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: 6px;}
header .burger span:nth-child(2), header .burger span:nth-child(3) {top: 13px;}
header .burger span:nth-child(4) {top: 20px;}
header .burger.burger-open span:nth-child(1) {top: 13px;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: 13px;width: 0%;left: 50%;}

header .nav { position: absolute; right: 80px; top: 50%; transform: translate(0,-50%); display: block; }
header .nav ul.nav-a { margin: 0; padding: 0; display: flex; gap: 24px }
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: 40px; line-height: 40px; display: block; text-decoration: none; color: var(--c5); font-size: var(--t2); font-weight: 700; }
header .nav ul.nav-a li a.btn-mi-cuenta { background-color: var(--c1); color: var(--c5); border: 1px solid var(--c3); padding: 0 16px; border-radius: 40px; }
header .nav ul.nav-a li a.btn-carrito { background-color: var(--c1); color: var(--c5); border: 1px solid var(--c3); margin-left: -16px; padding: 0; width: 40px; height: 40px; border-radius: 40px; 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; background-repeat: no-repeat !important; background-size: 20px auto !important; background-position: 50% 50% !important; width: 38px; filter: var(--filter-ka); -webkit-filter: var(--filter-ka);}
header .nav ul.nav-a li a.btn-carrito span { position: absolute; top: -4px; right: -4px; width: 20px; height: 20px; background-color: var(--ka); color: var(--kac); display: flex; align-items: center; justify-content: center; font-size: var(--t1); border-radius: 20px; pointer-events: none; }

header .nav ul.nav-a li a.logo-surman { background: url(/cbpn-media/logo_surman_black.svg); background-size: cover; background-repeat: no-repeat; width: 120px; height: 32px; text-indent: -6000px; background-position: 50% 50% !important; }

header .nav ul.nav-a li ul.nav-b { position: absolute; top: calc(100% + 8px); left: 0; margin: 0; padding: 8px 0; min-width: 160px; background-color: var(--c2); border-radius: var(--br2); display: none;}
header .nav ul.nav-a li ul.nav-b li a { color: var(--c5); padding: 0 16px; white-space: nowrap; height: 32px; line-height: 32px; }
header .nav 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: transparent; border: 0; }
header.absolute .nav ul.nav-a li a { color: var(--c1); }

header.sticky { position: sticky; top: 0; background-color: var(--c1); }

footer { padding: 64px 80px; display: grid; grid-gap: 24px; grid-template-columns: 1fr;}
footer div { text-align: center; margin: 0 auto; }
footer .bx-links-redes { display: flex; gap: 8px; }
footer .bx-links-redes .link { position: relative; width: 40px; height: 40px; border-radius: 40px; background-color: var(--c2); 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: 24px auto !important; background-position: 50% 50% !important; width: 40px; filter: var(--filter-ka); -webkit-filter: var(--filter-ka);}
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: 16px; }
footer .bx-links .link { }

.bloques{display: grid; grid-gap: 0; grid-template-columns: 1fr; grid-template-rows: 1fr; padding: 0 ;}
.bloques .bloque-contenedor {padding: 0}
/*.bloques .bloque-contenedor:last-child {padding: 64px}*/
.bloques .bloque-contenedor .bloque-columnas {}

.slide { position: relative;}
.slide-padding {margin: 0 24px 0 0 !important;}
.slide .slide-img {display: block; object-fit: cover; width: 100%; border-radius: var(--br3); outline: none;}
.slide .slide-img.slide-1-1 { aspect-ratio: 1/1; }
.slide .slide-img.slide-1-2 { aspect-ratio: 1/2; }
.slide .slide-img.slide-1-3 { aspect-ratio: 1/3; }
.slide .slide-img.slide-2-1 { aspect-ratio: 2/1; }
.slide .slide-img.slide-2-3 { aspect-ratio: 2/3; }
.slide .slide-img.slide-3-1 { aspect-ratio: 3/1; }
.slide .slide-img.slide-3-2 { aspect-ratio: 3/2; }
.slide .slide-img.slide-4-5 { aspect-ratio: 4/5; }
.slide .slide-img.slide-5-4 { aspect-ratio: 5/4; }
.slide .slide-contenido{position: absolute; bottom: 64px; left: 64px; right: 50%; z-index: 2; pointer-events: none;}
.slide .slide-contenido h1, .slide .slide-contenido h2, .slide .slide-contenido h3, .slide .slide-contenido h4, .slide .slide-contenido p { color: var(--c1); }
.slide .slide-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; border-radius: var(--br3); background: linear-gradient(180deg, rgba(0,0,0,0) 48%, rgba(0,0,0,0.8) 100%); }

.slide-hero .slide .slide-contenido { position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%,-50%); max-width: 50%; pointer-events: none; text-align: center;}
.slide-hero .slide .slide-contenido h1, .slide-hero .slide .slide-contenido h2, .slide-hero .slide .slide-contenido h3, .slide-hero .slide .slide-contenido h4, .slide-hero .slide .slide-contenido p { color: var(--c1); }
.slide-hero .slide .slide-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); }
.slide-nbr .slide .slide-img {border-radius: 0;}
.slide-nbr .slide .slide-overlay{border-radius: 0;}

.slide-carousel .slide .slide-contenido {position: absolute; bottom: 32px; left: 32px; right: 24%;}
.slide-carousel-full { width: 100vw; margin: 0 -80px; }
.slide-carousel-full .slide-padding {margin: 0 0 0 32px !important;}
.slide-carousel-full .slide-contenedor { padding: 24px 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:24px}
.slide-carousel-full .splide__pagination { bottom: -32px; }
.slide-carousel-full .splide__track { padding-left: 80px; }

.testimonios .slide { margin: 0 32px 0 0; padding: 16px; border-radius: var(--br3); background-color: var(--c2); }
.testimonios { width: 100vw; margin: 0 -80px; }
.testimonios .slide-padding {margin: 0 0 0 32px !important;}
.testimonios .slide-contenedor { padding: 24px 0; }
.testimonios .splide__arrow--prev{left:24px}
.testimonios .splide__pagination { bottom: -32px; }
.testimonios .splide__track { padding-left: 80px; }

.banner {position: relative;}
.banner .banner-img {display: block; object-fit: cover; width: 100%; border-radius: var(--br3); outline: none;}
.banner .banner-img.banner-1-1 { aspect-ratio: 1/1; }
.banner .banner-img.banner-1-2 { aspect-ratio: 1/2; }
.banner .banner-img.banner-1-3 { aspect-ratio: 1/3; }
.banner .banner-img.banner-2-1 { aspect-ratio: 2/1; }
.banner .banner-img.banner-2-3 { aspect-ratio: 2/3; }
.banner .banner-img.banner-3-1 { aspect-ratio: 3/1; }
.banner .banner-img.banner-3-2 { aspect-ratio: 3/2; }
.banner .banner-img.banner-4-5 { aspect-ratio: 4/5; }
.banner .banner-img.banner-5-4 { aspect-ratio: 5/4; }
.banner .banner-contenido{position: absolute; bottom: 32px; left: 32px; right: 24%; z-index: 2; pointer-events: none;}
.banner .banner-contenido h1, .banner .banner-contenido h2, .banner .banner-contenido h3, .banner .banner-contenido h4, .banner .banner-contenido p { color: var(--c1); }
.banner .banner-contenido-out{position: relative; margin-top: 24px;}
.banner .banner-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; border-radius: var(--br3); background: linear-gradient(180deg, rgba(0,0,0,0) 48%, rgba(0,0,0,0.8) 100%); }

.banner-hero .banner .banner-contenido { position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%,-50%); max-width: 50%; pointer-events: none; text-align: center;}
.banner-hero .banner .banner-contenido h1, .banner-hero .banner .banner-contenido h2, .banner-hero .banner .banner-contenido h3, .banner-hero .banner .banner-contenido h4, .banner-hero .banner .banner-contenido p { color: var(--c1); }
.banner-hero .banner .banner-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); }
.banner-nbr .banner .banner-img {border-radius: 0;}

.galeria { display: grid; grid-gap: 32px; grid-template-columns: repeat(auto-fit, minmax( 240px, 1fr )) }

.narrow{width: 72%; margin: 0 auto;}
.narrow-left{width: 72%; margin: 0 auto 0 0;}
.narrow-right{width: 72%; margin: 0 0 0 auto;}
.narrow-doble{width: 48%; margin: 0 auto;}
.narrow-doble-left{width: 48%; margin: 0 auto 0 0;}
.narrow-doble-right{width: 48%; margin: 0 0 0 auto;}

ul.bx-lista{display: grid; grid-gap: 0; margin: 0 !important; padding: 0; grid-template-columns: 1fr; position: relative; overflow: hidden; border: 1px solid var(--c3); background-color: var(--c1); border-radius: var(--br2);}
ul.bx-lista li {margin: 0; padding: 10px 12px; list-style: none; position: relative; border-bottom: 1px solid var(--c3);}
ul.bx-lista li:last-child{border: 0;}
ul.bx-lista li.cols{display: flex; gap: 16px; }
ul.bx-lista li.cols .keyCol{flex: auto; font-weight: 500; color: var(--c5); text-align: left;}

ul.bx-links{display: grid; grid-gap: 0px; margin: 0 !important; padding: 0 0 0 16px; grid-template-columns: 1fr; position: relative; background-color: var(--c1); border-radius: var(--br2); border: 1px solid var(--c3); 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: 12px 24px 12px 0; display: block;  border-bottom: 1px solid var(--c3);}
ul.bx-links li a::before{content:""; position: absolute; top: 0px; right: 0px; bottom: 0; background: url(../gui/ico/arrow-right.svg) 50% 50% no-repeat; background-size: 20px auto; width: 32px; filter: var(--filter-md); -webkit-filter: var(--filter-md);}
ul.bx-links li:last-child a{border-bottom: 0px solid var(--color-100);}
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: 16px; }
ul.bx-links li a.cols .keyCol{flex: auto; font-weight: 500; color: var(--tx1);}

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

input, textarea, select, input[type=date], input[type=datetime-local], input[type="email"]{background-color: var(--c1) !important; border: 1px solid var(--c3); border-radius: var(--br2); -webkit-appearance:none; outline:none; font-size: var(--t2); margin: 0; padding: 0; text-indent: 12px; color: var(--c6); box-sizing: border-box; width: 100%; caret-color: var(--c5)}

.ff-bx { margin-bottom: 16px; position: relative; }
.ff-bx:last-child { margin-bottom: 0; }
.ff-label { display: block; color: var(--c5); font-weight: 400; margin: 0; padding: 0 0 8px 0; }
.ff-nota { font-size: var(--t1); line-height: 15px; color: var(--c4); margin-top: 4px; }
.ff-input { display: block; width: 100%; color: var(--c5); margin: 0; padding: 0; border: 1px solid var(--c3); height: 40px; line-height: 40px; border-radius: var(--br2); }
.ff-input-readonly { color: var(--c4); }
.ff-ico-readonly::before{content:""; position: absolute; bottom: 0; right: 0; background: url(/cbpn-media/lock.svg); width: 40px; height: 40px; background-repeat: no-repeat !important; background-size: 20px auto !important; background-position: 50% 50% !important; filter: var(--filter-ka); -webkit-filter: var(--filter-ka);}

.ff-textarea { display: block; width: 100%; color: var(--c5); margin: 0; padding: 8px 0 0 8px; border: 1px solid var(--c3); border-radius: var(--br2); }
.ff-submit { background-color: var(--ka); color: var(--kac); font-weight: 500; height: 40px; line-height: 40px; padding: 0 24px; border-radius: 40px; display: inline-block; text-decoration: none; text-align: center; }
.ff-submit-disabled { background-color: var(--c2); color: var(--c4); pointer-events: none !important; }
.ff-submit-wide { width: 100%; }

.radio {display: block;position: relative;padding: 2px 0 0px 32px;margin-bottom: 8px;cursor: pointer;font-size: var(--t2);font-weight: 400;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.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: 22px;width: 22px;background-color: var(--c2); border: 1px solid var(--c3); border-radius: 50%; transition: all 0.2s ease-in-out; }
.radio input:checked ~ .radiomark {background-color: var(--c1); border: 1px solid var(--ka);}
.radio .radiomark:after {content: "";position: absolute;display: none;}
.radio input:checked ~ .radiomark:after {display: block;}
.radio .radiomark:after {top: 2px;left: 2px;width: 16px;height: 16px;border-radius: 50%;background: var(--ka);}

.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);font-weight: 400; -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; }

.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(--ka); outline: none;}
textarea:focus{border-color: var(--ka); outline: none;}
select:focus{border-color: var(--ka); 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: 1px solid var(--c3); text-indent: 8px; -webkit-text-fill-color: var(--c5); -webkit-box-shadow: 0 0 0px 1000px var(--c1) inset; transition: background-color 5000s ease-in-out 0s;}

.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-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-out{animation-name: fade-out;animation-duration: 300ms; opacity: 0.1;}

.bx-btns{display: inline-flex; flex-flow: row wrap; gap: 16px;}
.bx-btns a{ text-align: center; background-color: var(--c3); color: var(--c4); padding: 0 20px; height: 40px; line-height: 40px; border-radius: 40px; text-decoration: none; font-weight: 500; }
.bx-btns a.on, .bx-btns button.on{ background-color: var(--ka); color: var(--kac) !important;}
.bx-btns.wide { display: flex; }
.bx-btns.wide a{ flex: 1; }

.bx-btns-lateral{display: flex; flex-flow: row wrap; gap: 0px; margin: 0; background-color: var(--c2);}
.bx-btns-lateral a{flex:1; text-align: center; background-color: var(--ka); color: var(--kac); padding: 8px; border-radius: 24px;}
.bx-btns-lateral a.key{flex-basis: 100%}

.bx-btns-modal{display: flex; flex-flow: row wrap; gap: 8px; margin: 0; background-color: var(--c1);}
.bx-btns-modal a, .bx-btns-modal button{flex:1; text-align: center; background-color: var(--c3); color: var(--c4); padding: 0 16px; height: 40px; line-height: 40px; border-radius: 40px; text-decoration: none; font-weight: 500;}
.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(--ka); color: var(--kac) !important;}
.bx-btns-modal a.alerta, .bx-btns-modal button.alerta{ background-color: var(--ro); color: var(--roc) !important;}

/* 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-ka); -webkit-filter: var(--filter-ka);}

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

/* 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: 64px 32px 32px 32px;}
.modal-overlay-out{opacity:0}

.modal{position:relative; background-color: var(--c1); margin: 0 auto; opacity: 1; width: 460px; padding: 24px; box-sizing: border-box; border-radius: var(--br2); overflow: hidden; opacity: 1;}
.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 24px 0; }
.modal hr { border: 0; margin: 24px -24px; padding: 0;}
.modal-out{animation-name: modal-out !important;animation-duration: 300ms; opacity: 0;}
.modal .bx-1 {display: grid; grid-gap: 24px; grid-template-columns: 1fr;}

/* Lateral */

.lateral-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 298; opacity: 1; overflow: auto !important; padding: 32px; background-color: var(--overlay);}
.lateral-overlay-out{animation-name: fade-out;animation-duration: 300ms;opacity:0}

.lateral{position:relative; background-color: var(--c1); width: 560px; margin: 0 auto; padding: 24px; box-sizing: border-box; border-radius: var(--br2); overflow: hidden;}
.lateral .lateral-contenido{margin: 0 auto; padding: 0; box-sizing: border-box; position: relative; max-width: 640px; overflow: hidden;}
.lateral h3.titulo{font-size: var(--t3); margin: 0 0 24px 0; padding: 0;}
.lateral hr { border: 0; border-bottom: 1px var(--color-00) solid;margin: 24px -24px; padding: 0;}
/*.modal-out{animation-name: modal-out;animation-duration: 300ms; opacity: 0;}*/
.lateral .lateral-cerrar {position: absolute; top: 6px; right: 8px; z-index: 11; width: 56px; height: 56px; text-indent: -6000px;}
.lateral .lateral-cerrar::before{content:""; position: absolute; top: 0; left: 0; bottom: 0; background: url(../gui/ico/del.svg) 50% 50% no-repeat; background-size: 32px auto; width: 64px;filter: var(--filter-md); -webkit-filter: var(--filter-md);}

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



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: 12px 48px 12px 16px !important; cursor: pointer; position: relative; color: var(--c5); font-size: var(--t2); font-weight: 500; }
details summary::before{content:""; position: absolute; top: 0; right: 4px; bottom: 0; background: url(/cbpn-media/arrow-down.svg) 50% 50% no-repeat; background-size: 24px auto; width: 32px;filter: var(--filter-md); -webkit-filter: var(--filter-md);}
details summary::-webkit-details-marker {color: transparent;padding: 0; margin: 0;}
details summary.bx-1-auto { display: grid; grid-gap: 16px; grid-template-columns: 1fr auto; }

details summary span { background-color: var(--ka); color: var(--kac); padding: 4px 10px; border-radius: 24px; font-size: var(--t1); }

details[open] summary{font-weight: 500; border-bottom: 1px solid var(--c3); }
details[open] summary::before{content:""; position: absolute; top: 0; right: 4px; bottom: 0; background: url(/cbpn-media/arrow-up.svg) 50% 50% no-repeat; background-size: 24px auto; width: 32px;filter: var(--filter-md); -webkit-filter: var(--filter-md);}
details[open] summary span { background-color: var(--c2); color: var(--kbc);}

details > div{margin: 0; padding: 16px;}
details > div.bx-1{ grid-gap: 16px}
details > div ul.bx-links, details > div ul.bx-lista { border: 0; }
details > div hr { border: 0; margin: 12px 0; padding: 0; border-bottom: 1px var(--c3) solid;}


/* Tabla */

.bx-tabla-base{margin: 0px; padding: 0px; position: relative; overflow: hidden; background-color: var(--c1); border-radius: var(--br2); border: 1px solid var(--c3); }
.bx-tabla-base .tabla-contenido{overflow: auto !important; white-space:nowrap !important; background-color: var(--c1); border-radius: var(--br2);}

.tabla-base {border-collapse: collapse; position: relative; width: 100%;}
.tabla-base thead {position: -webkit-sticky; position: sticky; top: 0px;}
.tabla-base tr.odd{}
.tabla-base tr th {padding: 10px 32px 10px 12px; text-align: left; font-weight: 400; position: relative; border-bottom: 1px solid var(--c3); background-color: var(--c2);}
.tabla-base tr th:first-child {padding-left: 12px;}
.tabla-base.nosort tr th{padding-right: 12px;}
.tabla-base.nosort tr th:last-child {padding-right: 0;}
.tabla-base.nosort tr th::before{display:none; padding-right: 12px;}
.tabla-base tr td {padding: 10px 12px; border-bottom: 1px solid var(--c3); position: relative; vertical-align: top;}
.tabla-base tr td:first-child {padding-left: 12px;}
.tabla-base tr td:last-child {padding-right: 12px;}
.tabla-base tr:last-child td {border:0;}

.px20{width: 20px}
.px30{width: 30px}
.px40{width: 40px}
.px50{width: 50px}
.px60{width: 60px}
.px70{width: 70px}
.px80{width: 80px}
.px90{width: 90px}
.px100{width: 100px}
.px110{width: 110px}
.px120{width: 120px}
.px130{width: 130px}
.px140{width: 140px}
.px150{width: 150px}
.px160{width: 160px}
.px170{width: 170px}
.px180{width: 180px}
.px190{width: 190px}
.px200{width: 200px}
.px210{width: 210px}
.px220{width: 220px}
.px230{width: 230px}
.px240{width: 240px}
.px250{width: 250px}
.px260{width: 260px}
.px270{width: 270px}
.px280{width: 280px}
.px290{width: 290px}
.px300{width: 300px}

.p33{width: 33.33333%}
.p50{width: 50%}
.p66{width: 66.66666%}
.p100{width: 100%}


/* Extras */

.iframe-inscripciones { width: 100vw; height: 100vh; border: 0; }

.boxes { width: 100%; }
.boxes > div { border: 2px solid var(--c5); display: block; padding: 24px; margin: 0 -24px 24px -24px; }

.boxes2 { width: 100%; }
.boxes2 > div { border: 2px solid var(--c5); display: block; padding: 24px; }

.bg-1 { background-color: var(--c2);}

.bg-2 { background-color: var(--ka);}
.bg-2 h1, .bg-2 h2, .bg-2 h3 { color: var(--kac); }
.bg-2 h5, .bg-2 h5, .bg-2 b { color: var(--kac); }
.bg-2 p { color: var(--kac); }

.btn-big { display: block; background-color: var(--ka); color: var(--kac); font-size: var(--t5); padding: 0 24px; height: 80px; line-height: 80px; text-decoration: none; border-radius: 24px; font-weight: 700; }

.btn { background-color: var(--ka); color: var(--kac); padding: 0 20px; height: 40px; line-height: 40px; display: inline-block; text-decoration: none; border-radius: 24px; font-weight: 500; }
.btnm { background-color: var(--ka); color: var(--kac); padding: 0 16px; height: 32px; line-height: 32px; display: inline-block; text-decoration: none; border-radius: 24px; font-weight: 500; }
.btn-off { background-color: var(--c3); color: var(--c4); padding: 0 20px; height: 40px; line-height: 40px; display: inline-block; text-decoration: none; border-radius: 24px; font-weight: 500; }
.btnm-off { background-color: var(--c3); color: var(--c4); padding: 0 16px; height: 32px; line-height: 32px; display: inline-block; text-decoration: none; border-radius: 24px; font-weight: 500; }
.btn-wide { width: 100%; text-align: center; }

a.btn-back { background: url(/cbpn-media/arrow-left.svg) calc(0% + 12px) 50% no-repeat; background-size: 24px; display: inline-block; font-weight: 500; 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-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: 500; text-decoration: none; padding: 0 48px 0 20px; box-sizing: border-box; border-radius: 40px; background-color: var(--c3);}

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

/* 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: 500; 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 6px; border-radius: var(--br1); display: inline-block; pointer-events: none;}
.tag-ka{background-color: var(--c5); color: var(--c1);}

/* 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: 500; 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); font-weight: 400;  }
.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: 120px; 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(--c3); 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: 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: 500; padding: 4px 0; }
.bx-studio .nav-dias .item .dia-numero { text-align: center; font-size: var(--t1); font-weight: 400; 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: 500; background-color: var(--kaOverlayColor); padding: 2px 0; }

.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 .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: 500; }
.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%;}

/* Libreria */

.bx-tienda div.layout-libreria { display: grid; grid-gap: 32px; grid-template-columns: 1fr 320px; }
.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; }

/* Checkout */

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

.bx-checkout .producto { margin: 0; padding: 0; display: grid; grid-gap: 24px; grid-template-columns: 24% 1fr; }
.bx-checkout .producto .media { grid-column: 1 / 2; grid-row: 1 / 2; }
.bx-checkout .producto .media img {display: block; object-fit: cover; width: 100%; aspect-ratio: 1/1; border-radius: var(--br2);}
.bx-checkout .producto .descripcion { grid-column: 2 / 3; grid-row: 1 / 2; }
.bx-checkout .producto .tarifas { grid-column: 1 / 3; grid-row: 2 / 3; }
.bx-checkout .producto .contacto { grid-column: 1 / 3; grid-row: 3 / 4; }
.bx-checkout .producto .gateway { grid-column: 1 / 3; grid-row: 4 / 5; }

.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 {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-md); -webkit-filter: var(--filter-md);}
.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-md); -webkit-filter: var(--filter-md);}
.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);}

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

ul.bx-cards { display: grid; grid-gap: 32px; grid-template-columns: 1fr 1fr 1fr; }
ul.bx-cards { margin: 0; padding: 0; }
ul.bx-cards li { margin: 0; padding: 0; list-style: none; position: relative; display: grid; grid-gap: 16px; 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: 4/5; border-radius: var(--br3);}
ul.bx-cards li .detalle { display: flex; flex-direction: column; gap: 4px; }
ul.bx-cards li .detalle .titulo { color: var(--c5); font-size: var(--t3); font-weight: 500; }
ul.bx-cards li.norecords { grid-column: 1 / 4; }

ul.bx-mda { margin: 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 1fr; }
ul.bx-mda li { margin: 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 72px 1fr auto; }
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: 1/1; border-radius: var(--br2);}
ul.bx-mda li .detalle { grid-column: 2 / 3; grid-row: 1 / 2; display: flex; flex-direction: column; gap: 4px; }
ul.bx-mda li .detalle .titulo { color: var(--c5); font-size: var(--t3); font-weight: 400; }
ul.bx-mda li .auto { grid-column: 3 / 4; grid-row: 1 / 2; display: flex; flex-direction: column; gap: 4px; }
ul.bx-mda li.norecords { grid-column: 1 / 4; }

ul.bx-md { margin: 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 1fr; }
ul.bx-md li { margin: 0; padding: 0; display: grid; grid-gap: 16px; grid-template-columns: 72px 1fr; }
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: 1/1; border-radius: var(--br2);}
ul.bx-md li .detalle { grid-column: 2 / 3; grid-row: 1 / 2; display: flex; flex-direction: column; gap: 4px; }
ul.bx-md li .detalle .titulo { color: var(--c5); font-size: var(--t3); font-weight: 400; }
ul.bx-md li.norecords { grid-column: 1 / 3; }

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


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

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

@media (max-width: 800px) {
	
	.bx {padding: 24px !important;}
	.bx-1 {display: grid; grid-gap: 24px; grid-template-columns: 1fr;}
	.bx-1-2 {display: grid; grid-gap: 24px; 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 {display: grid; grid-gap: 24px; 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 {display: grid; grid-gap: 24px; grid-template-columns: 1fr;}
	.bx-2f {display: grid; grid-gap: 0; grid-template-columns: 1fr; margin-bottom: 16px;}
	.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 {display: grid; grid-gap: 24px; grid-template-columns: 1fr;}
	.bx-4 {display: grid; grid-gap: 24px; grid-template-columns: 1fr 1fr;}
	
	header { height: var(--header-height); background-color: var(--c1); }
	
	header .logo { left: 16px;}
	header .logo img { height: var(--header-logo-height); }
	header .burger { display: block; top: 18px; right: 8px; }
	
	header .nav { display: none; }
	
	header .nav { left: 0; right: 0; top: 100%; transform: translate(0,0); background-color: var(--c1); padding: 24px 16px; }
	header .nav ul.nav-a { gap: 0; flex-direction: column; }
	header .nav ul.nav-a li { text-align: center; }
	header .nav ul.nav-a li a { font-size: var(--t3); text-align: center; }
	header .nav ul.nav-a li a.logo-surman { margin: 0 auto; }
	header .nav ul.nav-a li a.btn-mi-cuenta { background-color: transparent; color: var(--c5); padding: 8px 0; border-radius: 0; }
	
	header .nav ul.nav-a li ul.nav-b { position: relative; top: 0; left: 0; right: 0; margin: 0 0 0 24px; padding: 0; width: auto; background-color: transparent; border-radius: 0; display: none;}
	header .nav ul.nav-a li ul.nav-b li a { color: var(--c5); padding: 8px 0; white-space: nowrap; }
	header .nav ul.nav-a li ul.nav-b.in{left: auto !important; right: 0 !important;}
	
	footer { padding: 16px;}
	
	.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: 64px 8px 8px 8px;}
	.modal{position:relative; background-color: var(--c1); margin: 0 auto; opacity: 1; width: 100%; padding: 16px; box-sizing: border-box; border-radius: var(--br2); overflow: hidden; opacity: 1;}
	
	.bloques{display: grid; grid-gap: 0px; grid-template-columns: 1fr; grid-template-rows: 1fr; padding: 0;}
	.bloques .bloque-contenedor {padding: 0}
	.bloques .bloque-contenedor:last-child {padding: 0}
	
	/*.slide .slide-img.slide-2-1 { aspect-ratio: 2/3; }*/
	.slide .slide-contenido{ position: absolute; top: auto; bottom: 48px; left: 24px; right: 24px; transform: translate(0,0); max-width: none; pointer-events: none; }
	.slide-hero .slide .slide-contenido { min-width: 88% !important;}
	.slide-hero-full { width: 100vw; margin: 0 -16px; padding: 0 16px; }
	.splide__arrow { display: none !important; }
	
	.slide-carousel .slide .slide-contenido {bottom: 24px; left: 24px; right: 24%;}
	.slide-carousel-full { margin: 0 -16px; }
	.slide-carousel-full .slide-padding {margin: 0 0 0 16px !important;}
	.slide-carousel-full .slide-contenedor { padding: 24px 0; }
	.slide-carousel-full li.slide:nth-child(2n) {  top: 0px; }
	.slide-carousel-full li.slide:nth-child(1n) { bottom: 0px; }
	
	.banner .banner-contenido{position: absolute; bottom: 24px; left: 24px; right: 24%; z-index: 2; pointer-events: none;}
	.banner-hero .banner .banner-contenido { min-width: 88% !important; }
	
	.narrow{width: 100%; margin: 0 auto;}
	.narrow-left{width: 100%; margin: 0 auto 0 0;}
	.narrow-right{width: 100%; margin: 0 0 0 auto;}
	.narrow-doble{width: 100%; margin: 0 auto;}
	.narrow-doble-left{width: 100%; margin: 0 auto 0 0;}
	.narrow-doble-right{width: 100%; margin: 0 0 0 auto;}
	
	
	
	.bx-studio .nav-dias-contenedor { margin: 0 -16px; }
	.bx-studio .nav-dias{gap: 8px;}
	.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-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; }
	
	
	
	ul.bx-cards { grid-gap: 24px; grid-template-columns: 1fr; }
	
	ul.bx-mda li { grid-gap: 16px; grid-template-columns: 72px 1fr; }
	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; gap: 4px; }
	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 {grid-gap: 16px; grid-template-columns: 72px 1fr; }
	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; gap: 4px; }
	ul.bx-md li .detalle .titulo { color: var(--c5); font-size: var(--t3); font-weight: 400; }
	ul.bx-md li.norecords { grid-column: 1 / 3; }
	
	.bx-md { grid-gap: 24px; grid-template-columns: 1fr; }
	.bx-md .media { grid-column: 1 / 2; grid-row: 1 / 2; }
	.bx-md .media img { aspect-ratio: 4/5; border-radius: var(--br3);}
	.bx-md .detalle { grid-column: 1 / 2; grid-row: 2 / 3; gap: 24px; }
	
	.boxes { width: 100%; }
	.boxes > div { border: 2px solid var(--c5); display: block; padding: 24px; margin: 0 0 24px 0; }
	.boxes > div:last-child { margin: 0; }
	
	.boxes2 { width: 100%; }
	.boxes2 > div { border: 2px solid var(--c5); display: block; padding: 24px; }
	
}