.welcome{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:32px;border:0;background-color:#03090c;background-image:radial-gradient(ellipse at center,transparent 25%,rgba(0,0,0,.72) 100%),url('lobby-honeycomb.svg'),radial-gradient(ellipse at center,rgba(0,217,223,.16),transparent 75%);background-position:center;background-size:cover,120px 69.282px,cover;background-repeat:no-repeat,repeat,no-repeat;color:var(--white);overflow:auto}
#welcome{background-image:radial-gradient(ellipse at center,transparent 25%,rgba(0,0,0,.72) 100%),url('/assets/lobby-honeycomb.svg'),radial-gradient(ellipse at center,rgba(0,217,223,.16),transparent 75%)}
.welcome[open]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px}
.welcome.lobby-leaving::backdrop{background:transparent!important;backdrop-filter:none!important}
.welcome img{mix-blend-mode:normal;opacity:1;filter:drop-shadow(0 8px 20px #0009);transition:transform .25s ease;cursor:pointer}.welcome img:hover,.welcome img.is-enlarged{transform:scale(1.1)}
.welcome::backdrop{background:#000}.welcome img{width:min(74vw,510px);height:auto;max-height:65dvh;object-fit:contain}.welcome .button{border:0;min-width:190px;cursor:pointer;font-family:inherit;box-shadow:none;transition:transform .25s ease}.welcome .button:hover,.welcome .button:focus-visible,.welcome .button:active{transform:scale(1.08)}.welcome[open]~*{pointer-events:none}body:has(.welcome[open]){overflow:hidden}
.hero{padding-bottom:0;background:#000}.hero .hero-content{min-height:680px;margin-top:24px;grid-template-columns:1fr 1.2fr;gap:0;isolation:isolate}.hero-copy{z-index:2;padding:40px 0 90px}.hero h1{font-size:clamp(5rem,10vw,9rem)}
.hero-feature{border:0;width:calc(100% + 6vw);max-width:none;max-height:780px;height:100%;object-fit:cover;object-position:center 20%;align-self:stretch;mask-image:linear-gradient(to right,transparent,#000 16%),linear-gradient(to bottom,#000 80%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 16%),linear-gradient(to bottom,#000 80%,transparent);-webkit-mask-composite:source-in}
.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.gallery-toolbar p{color:var(--muted);font-size:.875rem}.gallery-toolbar div{display:flex;gap:8px}.gallery-toolbar button{width:48px;height:44px;border:1px solid var(--border);background:#15171b;color:var(--white);font:inherit;font-size:1.4rem;cursor:pointer}
.tintal-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--accent) #15171b;padding:0 0 16px;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.tintal-gallery .tintal-photo{flex:0 0 min(78%,520px);scroll-snap-align:start;user-select:none;cursor:inherit}.tintal-gallery .tintal-photo:first-child{align-self:stretch}.tintal-gallery img{pointer-events:none}.tintal-gallery.dragging{scroll-snap-type:none;cursor:grabbing}.tintal-gallery:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.tintal-videos{max-width:100%}
.slide-stage{display:grid;aspect-ratio:4/5;background:#000;overflow:hidden}.gallery-open .slide-stage img{grid-area:1/1;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;min-height:0}.gallery-open .slide-stage img.next-slide{opacity:0}.gallery-open .slide-stage{padding:0}
.welcome .button[hidden]{display:none}.welcome.entering{gap:0}.welcome.entering img{transform:scale(1.2)}.welcome.entering .welcome-slogan{display:none}.welcome-slogan{display:none;font:800 clamp(1.4rem,4vw,2rem) 'Barlow Condensed',Arial,sans-serif;letter-spacing:.13em;margin:0;text-shadow:0 2px 12px #000;color:#fff}
.hero-slogan{display:block;color:var(--accent);font:800 clamp(1.6rem,3vw,2.5rem) 'Barlow Condensed',Arial,sans-serif;letter-spacing:.07em;margin:0 0 24px}
.tintal-gallery.coverflow{position:relative;display:block;height:clamp(280px,46vw,480px);overflow:hidden;perspective:1200px;touch-action:pan-y;scroll-snap-type:none;padding:0}
.tintal-gallery.coverflow .tintal-photo{position:absolute;width:68%;max-width:580px;left:50%;top:50%;margin:0;transform:translate(calc(-50% + var(--offset)*28%),-50%) scale(calc(1 - var(--depth)*.15));transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s;box-shadow:0 16px 36px #0009;will-change:transform;cursor:grab}
.training-position{text-align:center;color:var(--muted);font-size:.875rem;margin:8px 0 0}
.advanced-category,.category-group{display:flex;flex-direction:column}.team-card{height:100%;container-type:inline-size}.team-photo{aspect-ratio:auto!important;height:calc((100cqw - 26px)*1.25 + 94px);min-height:0;padding:16px;box-sizing:border-box}.advanced-category h4{min-height:2.3em}.teams-grid--four{grid-template-columns:repeat(3,minmax(0,1fr))}
/* BELLATOR visual language continues beyond the hero: a quiet cyan honeycomb texture and framed sections. */
.intro,.tintal,.level,.contact,.enroll{position:relative;isolation:isolate;background-color:#080d10;background-image:linear-gradient(115deg,rgba(0,217,223,.08),transparent 42%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%2300d9df' stroke-opacity='.12' stroke-width='1.5'%3E%3Cpath d='M45 1h90l45 77-45 77H45L0 78zM-45 1h90l45 77-45 77h-90L-90 78zM90 78h90l45 77-45 77H90L45 155z'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,180px 156px}
.intro,.tintal,.level{border-top:1px solid rgba(0,217,223,.18);border-bottom:1px solid rgba(0,217,223,.08)}
.level{padding-top:42px;padding-bottom:42px}.intro{border-radius:8px;padding:clamp(32px,5vw,64px) clamp(24px,6vw,92px);grid-template-columns:minmax(0,1fr);gap:20px;justify-items:center;text-align:center}.intro>div{width:100%;max-width:680px}.intro h2{margin:12px 0 0;text-wrap:balance}.intro p{margin:0;text-wrap:pretty}
.tintal{border-radius:8px;padding-left:clamp(24px,6vw,92px);padding-right:clamp(24px,6vw,92px)}
.contact{background-color:#06090b;background-image:linear-gradient(90deg,rgba(0,217,223,.14),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%2300d9df' stroke-opacity='.11' stroke-width='1.5'%3E%3Cpath d='M45 1h90l45 77-45 77H45L0 78zM-45 1h90l45 77-45 77h-90L-90 78zM90 78h90l45 77-45 77H90L45 155z'/%3E%3C/g%3E%3C/svg%3E")}
@media(max-width:1000px){.teams-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.teams-grid--four{grid-template-columns:1fr}.tintal-gallery.coverflow{height:330px}.tintal-gallery.coverflow .tintal-photo{width:78%;flex-basis:auto}.team-photo{aspect-ratio:4/5}.advanced-category h4{min-height:0}}
@media(prefers-reduced-motion:reduce){.tintal-gallery.coverflow .tintal-photo{transition:none}}
@media(max-width:720px){.hero .hero-content{display:flex;flex-direction:column;min-height:0;gap:0}.hero-feature{order:0;width:100%;height:auto;max-height:660px;object-fit:contain;object-position:center;align-self:center;margin-inline:auto;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent)}.hero-copy{order:1;margin-top:-30px;padding:0 0 50px;align-self:start}.hero h1{font-size:5.5rem}.welcome img{width:min(90vw,460px)}.gallery-toolbar{align-items:center}.tintal-gallery .tintal-photo{flex-basis:88%}
.location-arrow,.tintal-photo>span>span[aria-hidden="true"]{display:none}
.tintal-gallery.coverflow .tintal-photo{touch-action:pan-y pinch-zoom;transform:translate(calc(-50% + var(--offset)*28% + var(--drag-x,0px)),-50%) scale(calc(1 - var(--depth)*.15))}
.tintal-gallery.coverflow.dragging .tintal-photo{transition:none}
}
#entrenamos>.label,#entrenamos>h2{text-align:center}
.slide-stage img{transform-origin:left center;backface-visibility:hidden}.slide-stage{perspective:1200px}