@font-face{font-family:'N27';src:url('https://res.cloudinary.com/duuq8lnz5/raw/upload/v1775641046/subset-N27-Thin_bpdhp2.woff2') format('woff2');font-weight:100;font-style:normal;font-display:swap} @font-face{font-family:'N27';src:url('https://res.cloudinary.com/duuq8lnz5/raw/upload/v1775641047/subset-N27-ThinItalic_udemc0.woff2') format('woff2');font-weight:100;font-style:italic;font-display:swap} @font-face{font-family:'N27';src:url('https://res.cloudinary.com/duuq8lnz5/raw/upload/v1775641045/subset-N27-Light_gnyzgh.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap} @font-face{font-family:'N27';src:url('https://res.cloudinary.com/duuq8lnz5/raw/upload/v1775641046/subset-N27-LightItalic_wv9gyn.woff2') format('woff2');font-weight:300;font-style:italic;font-display:swap} @font-face{font-family:'N27';src:url('https://res.cloudinary.com/duuq8lnz5/raw/upload/v1775641045/subset-N27-ExtraLight_ywgtko.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap} @font-face{font-family:'N27';src:url('https://res.cloudinary.com/duuq8lnz5/raw/upload/v1775641046/subset-N27-ExtraLightItalic_z5nhvx.woff2') format('woff2');font-weight:200;font-style:italic;font-display:swap} @font-face{font-family:'N27';src:url('https://res.cloudinary.com/duuq8lnz5/raw/upload/v1775641046/subset-N27-Regular_ybitmr.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'N27';src:url('https://res.cloudinary.com/duuq8lnz5/raw/upload/v1775641046/subset-N27-RegularItalic_d0luot.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap} @font-face{font-family:'N27';src:url('https://res.cloudinary.com/duuq8lnz5/raw/upload/v1775641046/subset-N27-Medium_cvbtvm.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap} @font-face{font-family:'N27';src:url('https://res.cloudinary.com/duuq8lnz5/raw/upload/v1775641046/subset-N27-MediumItalic_vokpnd.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap} :root{ --c-red:#FF0004; --c-red-dark:#B30003; --c-red-muted:rgba(255,0,4,.28); --c-success:#4ADE80; --c-black:#151517; --c-dark:#111; --c-dark-card:#161616; --c-white:#F5F5F5; --c-gray:#888; --c-border:rgba(255,255,255,.06); --c-border-soft:rgba(255,255,255,.1); --c-overlay-85:rgba(245,245,245,.85); --font:'N27',sans-serif; --fs-xs:.6875rem; --fs-sm:.75rem; --fs-caption:.8125rem; --fs-body:1.125rem; --fs-body-lg:1.25rem; --fs-h3:clamp(1.25rem,2vw,2rem); --fs-h2:clamp(3rem,5vw,5rem); --display-fs:clamp(1.75rem,3.1vw,4.5rem); --titulares-tt:uppercase; --fs-display:clamp(3.375rem,6vw,5.875rem); --sp-1:.25rem; --sp-2:.5rem; --sp-3:1rem; --sp-4:1.5rem; --sp-5:2rem; --sp-6:2.5rem; --sp-7:3rem; --sp-8:3.5rem; --sp-9:4rem; --sp-10:5rem; --sp-11:6rem; --sp-12:7.5rem; --ease:cubic-bezier(.25,.46,.45,.94); --ease-out:cubic-bezier(.16,1,.3,1); --ease-apple:cubic-bezier(.22,1,.36,1); --dur-fast:.3s; --dur-mid:.5s; --dur-slow:.8s; --radius-pill:3.125rem; --radius-sm:.25rem; --glass-tint:linear-gradient(rgba(42,42,42,.30),rgba(42,42,42,.30)); --glass-tint-dense:linear-gradient(rgba(30,30,30,.52),rgba(30,30,30,.52)); --glass-blur:blur(24px) saturate(1.2); --glass-shadow:0 2px 3px rgba(0,0,0,.24),0 10px 28px -8px rgba(0,0,0,.32),0 32px 72px -28px rgba(0,0,0,.44); --c-bg-rgb:21,21,23; --e-1:#18181A; --e-2:#1B1B1E; --sh-1:0 1px 1.5px rgba(0,0,0,.20),0 3px 8px -2px rgba(0,0,0,.22),0 10px 24px -8px rgba(0,0,0,.26); --sh-2:0 1px 2px rgba(0,0,0,.22),0 6px 16px -4px rgba(0,0,0,.28),0 20px 48px -16px rgba(0,0,0,.36); --sh-side:-2px 0 3px rgba(0,0,0,.24),-10px 0 28px -8px rgba(0,0,0,.32),-32px 0 72px -28px rgba(0,0,0,.44); --spec-1:inset 0 1px 0 rgba(255,255,255,.05); --spec-3:inset 0 1px 0 rgba(255,255,255,.09); --sh-red:0 1px 2px rgba(0,0,0,.24),0 8px 24px -10px rgba(255,0,4,.40); --glass-shadow-lift:0 1px 1px rgba(0,0,0,.28),0 22px 56px rgba(0,0,0,.50); --glass-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); --glass-grain-opacity:.05; --enter-nav-delay:.2s; --enter-side-delay:.6s; --enter-icon-delay:.8s; } .nav-menu-card{box-shadow:var(--glass-shadow),var(--spec-3)} .modal-contacto-inner{box-shadow:var(--sh-side)} .event-card,.gallery-item{box-shadow:var(--sh-1)} .servicios-foto{box-shadow:var(--sh-2)} .btn-primary,#btn-enviar{box-shadow:var(--sh-red)} @media(max-width:768px){:root{--display-fs:clamp(1.375rem,6.4vw,2.5rem)}} *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} html{font-size:16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--c-red) var(--c-black);overscroll-behavior:none;background:var(--c-black);scrollbar-gutter:stable} ::-webkit-scrollbar{width:3px} ::-webkit-scrollbar-track{background:var(--c-black)} ::-webkit-scrollbar-thumb{background:var(--c-red)} ::selection{background:rgba(255,0,4,.65);color:var(--c-white)} body{font-family:var(--font);background:var(--c-black);color:var(--c-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5} body::before{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.04;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");will-change:auto;transform:translateZ(0)} a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent} img{max-width:100%;display:block} :focus-visible{outline:2px solid var(--c-red);outline-offset:var(--sp-1);border-radius:var(--radius-sm)} @view-transition{navigation:auto} ::view-transition-group(kanpai), ::view-transition-group(icons), ::view-transition-group(nav){animation:none} ::view-transition-old(kanpai), ::view-transition-old(icons), ::view-transition-old(nav){display:none} ::view-transition-new(kanpai), ::view-transition-new(icons), ::view-transition-new(nav){animation:none} ::view-transition-image-pair(nav){clip-path:inset(0 round var(--radius-pill))} ::view-transition-group(nav){border-radius:var(--radius-pill);box-shadow:var(--glass-shadow)} ::view-transition{background:var(--c-black)} ::view-transition-image-pair(root){isolation:auto;background:var(--c-black)} ::view-transition-old(root){animation:vt-recede .55s var(--ease-apple) both;background:var(--c-black)} ::view-transition-new(root){animation:vt-advance .55s var(--ease-apple) both;background:var(--c-black)} @keyframes vt-recede{to{opacity:0;transform:scale(.9);filter:brightness(.45) blur(3px)}} @keyframes vt-advance{from{opacity:0;transform:scale(1.07);filter:brightness(1.25)}to{filter:brightness(1)}} .first-visit .side-text{opacity:0;animation:fadeIn 1.2s var(--enter-side-delay) var(--ease) forwards} .first-visit .icon-corner{opacity:0;animation:fadeIn 1.2s var(--enter-icon-delay) var(--ease) forwards} .first-visit .nav{opacity:0;animation:fadeDown .8s var(--enter-nav-delay) var(--ease) forwards} .side-text{view-transition-name:kanpai;position:fixed;left:calc(var(--sp-6) - var(--sp-2));top:calc(var(--sp-6) - var(--sp-2));z-index:1001;display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-caption);font-weight:400;letter-spacing:.1875rem;color:rgba(245,245,245,.9);cursor:default;user-select:none;-webkit-user-select:none;padding:var(--sp-2)} .side-text span{display:block;line-height:1.5;transition:color var(--dur-fast)} .side-text:hover span{color:var(--c-red)} .icon-corner{view-transition-name:icons;position:fixed;right:var(--sp-6);bottom:var(--sp-6);z-index:100;width:1.75rem;height:1.75rem} .icon-corner-img{position:absolute;inset:0;width:100%;height:auto;filter:brightness(0) invert(1);opacity:0;transition:opacity 1.5s ease,filter .4s var(--ease)} .icon-corner-img.active{opacity:.85} .icon-corner:hover .icon-corner-img.active{filter:url(#filter-red);opacity:1} .nav{view-transition-name:nav;position:fixed;top:var(--sp-6);left:50%;transform:translateX(-50%);z-index:1000;display:flex;align-items:center;background:var(--glass-tint);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:none;border-radius:var(--radius-pill);padding:.625rem;box-shadow:var(--glass-shadow),var(--spec-3);transition:background .6s var(--ease),box-shadow .6s} .nav.scrolled{background:var(--glass-tint-dense);box-shadow:var(--glass-shadow-lift)} .nav::before{content:'';position:absolute;inset:0;border-radius:inherit;background-image:var(--glass-grain);opacity:var(--glass-grain-opacity);mix-blend-mode:overlay;pointer-events:none} @media(min-width:1025px),(min-width:769px) and (orientation:landscape) and (min-height:501px){ .nav{background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)),linear-gradient(rgba(30,30,30,.22),rgba(30,30,30,.22));-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.05);backdrop-filter:blur(40px) saturate(1.8) brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)} .nav.scrolled{background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)),linear-gradient(rgba(30,30,30,.45),rgba(30,30,30,.45));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)} .nav::before{opacity:.04} .nav::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(60% 180% at 0% 0%,rgba(255,255,255,.38) 0%,rgba(255,255,255,0) 70%),radial-gradient(60% 180% at 100% 100%,rgba(255,255,255,.19) 0%,rgba(255,255,255,0) 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)} ::view-transition-group(nav){box-shadow:none} } .nav-link{font-size:.9375rem;font-weight:400;letter-spacing:0;color:var(--c-white);padding:var(--sp-2) var(--sp-4);position:relative;transition:color .4s var(--ease);white-space:nowrap} .nav-link::after{content:'';position:absolute;bottom:var(--sp-1);left:50%;width:0;height:1px;background:var(--c-red);transition:width .4s var(--ease),left .4s var(--ease)} .nav-link:hover{color:var(--c-red)} .nav-link:hover::after{width:36%;left:32%} .nav-link.active{color:var(--c-red)} .nav-link.active::after{width:36%;left:32%} .nav-drop{display:none;position:absolute;left:0;top:0;width:0;height:0;border-radius:var(--radius-pill);background:var(--c-red);pointer-events:none;opacity:0;transition:opacity .28s var(--ease)} @media(min-width:1025px),(min-width:769px) and (max-width:1024px) and (orientation:landscape) and (min-height:501px){ .nav-menu-card .nav-link{display:flex;align-items:center;align-self:stretch;padding:0 var(--sp-4);border-radius:var(--radius-pill);transition:background .4s var(--ease),color .4s var(--ease)} .nav-menu-card .nav-link::after{display:none} .nav-menu-card .nav-link:hover{background:var(--c-red);color:var(--c-white);font-weight:500} .nav-menu-card .nav-link:focus-visible{outline:2px solid var(--c-white);outline-offset:3px} .nav-menu-card .nav-link.active{background:var(--c-red);color:var(--c-white);font-weight:500} .nav-menu-card .nav-link:last-child{background:var(--c-white);color:var(--c-black);margin-left:var(--sp-2)} .nav-menu-card .nav-link:last-child:hover{background:var(--c-red);color:var(--c-white)} .nav-menu-card .nav-link:last-child.active{background:var(--c-white);color:var(--c-black)} .nav-menu-card .nav-link:last-child.active:hover{background:var(--c-red);color:var(--c-white)} .nav--drop .nav-drop{display:block} .nav--drop.nav--drop-on .nav-drop{opacity:1} .nav--drop .nav-menu-card .nav-link:not(:last-child):hover, .nav--drop .nav-menu-card .nav-link:not(:last-child).active{background:none;font-weight:400} .nav--drop .nav-menu-card .nav-link:not(:last-child){transition:color .18s var(--ease)} .nav--drop .nav-menu-card .nav-link:not(:last-child):hover{color:var(--c-white)} .nav--drop .nav-menu-card .nav-link:not(:last-child).active:not(.drop-lit){color:var(--c-red)} body.modal-open .nav--drop .nav-menu-card .nav-link:not(:last-child).active:not(.drop-lit){color:var(--c-white)} .nav--drop .nav-menu-card .nav-link:not(:last-child).drop-lit{color:var(--c-white)} .nav--drop .nav-menu-card .nav-link:last-child{transition:color .18s var(--ease),background-color .18s var(--ease)} .nav--drop .nav-menu-card .nav-link:last-child:hover:not(.drop-lit), .nav--drop .nav-menu-card .nav-link:last-child.active:hover:not(.drop-lit){background:var(--c-white);color:var(--c-black)} .nav--drop .nav-menu-card .nav-link:last-child.drop-lit{background:transparent;color:var(--c-white)} } .nav-logo{order:2;padding:0 2.25rem;display:flex;align-items:center;justify-content:center;position:relative;height:var(--sp-7);width:11.25rem;transition:width .6s cubic-bezier(0,.55,.45,1),padding .6s cubic-bezier(0,.55,.45,1)} .nav-logo a{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;transition:filter .6s var(--ease)} .nav-logo a:hover{filter:url(#filter-liquid)} .nav-logo a:hover .logo-full,.nav-logo a:hover .logo-imago{filter:url(#filter-red)} .logo-full,.logo-imago{position:absolute;filter:brightness(0) invert(1)} .logo-full{height:2.75rem;width:auto;opacity:1;transition:opacity .15s var(--ease)} .logo-imago{height:2.75rem;width:auto;opacity:0;transition:opacity .15s var(--ease)} .nav.scrolled .logo-full{opacity:0} .nav.scrolled .logo-imago{opacity:1} .nav.scrolled .nav-logo{width:4rem;padding:0 .75rem} .nav-hamburger{display:none} .nav-menu-card{display:contents} .nav-menu-glow,.nav-menu-vignette,.nav-menu-frosted{display:none} .nav-menu-card .nav-link:nth-of-type(-n+2){order:1} .nav-menu-card .nav-link:nth-of-type(n+3){order:3} .btn-primary{display:inline-block;font-family:var(--font);font-size:1rem;font-weight:500;letter-spacing:.05em;text-transform:none;color:var(--c-white);background:var(--c-red);padding:calc(var(--sp-3) + var(--sp-1)) calc(var(--sp-5) - var(--sp-1));border:none;border-radius:var(--radius-pill);cursor:pointer;position:relative;overflow:hidden;transition:background-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s;will-change:transform} .btn-primary span{position:relative;z-index:1} .btn-primary:not(:disabled):hover{background:var(--c-red-dark);transform:translateY(-2px);box-shadow:0 .75rem 2.5rem rgba(255,0,4,.3)} .btn-primary:disabled{background:var(--c-red-muted);cursor:not-allowed} .btn-primary:disabled span{color:rgba(245,245,245,.4)} .btn-primary:disabled img{opacity:.4} .btn-primary img{position:relative;z-index:1;filter:brightness(0) invert(1);transition:transform .4s var(--ease),opacity .4s var(--ease)} .btn-cta-arrow{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--sp-5) - var(--sp-1)*2);padding-left:calc(var(--sp-7) - var(--sp-1)*2);padding-right:calc(var(--sp-5) - var(--sp-1))} .btn-cta-arrow img{flex-shrink:0;transition:transform .4s var(--ease)} .btn-cta-arrow:not(:disabled):hover img{transform:translateX(var(--sp-2))} #btn-enviar{align-self:flex-start;margin-top:var(--sp-2)} #d-btn-enviar{align-self:flex-start;margin-top:calc(var(--sp-2) * -1)} .fullscreen-bg{position:absolute;inset:0;z-index:0} .fullscreen-bg-img{width:100%;height:100%;object-fit:cover;object-position:center 30%} .fullscreen-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.85) 100%)} .section-contacto{position:relative;z-index:2;background:var(--c-black);padding:var(--sp-10) var(--sp-10) var(--sp-11);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-10);isolation:isolate} .section-contacto>*{opacity:0;transform:translateY(var(--sp-6));transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)} .section-contacto.visible>*{opacity:1;transform:translateY(0)} @media(min-width:769px){ .contacto-left h2 .split-char{transform:none;transition:none} .contacto-left h2 .split-word{display:inline-block;opacity:0;transform:translateY(35%);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)} .contacto-left h2.revealed .split-word{opacity:1;transform:translateY(0)} .contacto-left h2 > .split-word:nth-of-type(1){transition-delay:0s} .contacto-left h2 > .split-word:nth-of-type(2){transition-delay:.07s} .contacto-left h2 > .split-word:nth-of-type(3){transition-delay:.14s} .contacto-left h2 > span > .split-word:nth-of-type(1){transition-delay:.28s} .contacto-left h2 > span > .split-word:nth-of-type(2){transition-delay:.36s} } .contacto-left h2{font-size:var(--display-fs);font-weight:200;line-height:1.1;margin-bottom:var(--sp-3);text-transform:var(--titulares-tt,uppercase)} .contacto-left h2 span{color:var(--c-white)} .contacto-left p{font-size:1rem;font-weight:300;color:var(--c-white);line-height:1.5;max-width:32rem;margin-left:.15em} @property --ring-angle-a{syntax:'<angle>';inherits:false;initial-value:0deg} @property --ring-angle-b{syntax:'<angle>';inherits:false;initial-value:0deg} @keyframes contacto-ring-a{to{--ring-angle-a:360deg}} @keyframes contacto-ring-b{from{--ring-angle-b:360deg}to{--ring-angle-b:0deg}} .contacto-whatsapp,.contacto-instagram{position:relative;display:inline-flex;align-items:center;gap:var(--sp-3);padding:.75rem 1.25rem;border-radius:999px;background:rgba(255,255,255,.055);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid transparent;box-shadow:0 8px 24px -14px rgba(0,0,0,.6);font-size:.9375rem;line-height:1.4;font-weight:300;color:var(--c-white);letter-spacing:.0625rem;width:fit-content;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform .25s var(--ease-out),box-shadow var(--dur-fast) var(--ease)} .contacto-whatsapp:hover,.contacto-instagram:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.09);transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.1)} .contacto-whatsapp svg,.contacto-instagram svg{width:1.125rem;height:1.125rem;fill:currentColor;flex-shrink:0} .contacto-whatsapp{margin-top:0} .contacto-instagram{margin-top:var(--sp-6)} .contacto-whatsapp::before,.contacto-whatsapp::after,.contacto-instagram::before,.contacto-instagram::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s var(--ease);animation-play-state:paused;pointer-events:none} .contacto-whatsapp::before{background:conic-gradient(from var(--ring-angle-a),#25D366,#128C7E,#075E54,#128C7E,#25D366);animation:contacto-ring-a 4s linear infinite;animation-play-state:paused} .contacto-whatsapp::after{background:conic-gradient(from var(--ring-angle-b),#25D366,#128C7E,#075E54,#128C7E,#25D366);animation:contacto-ring-b 6.5s linear infinite;animation-play-state:paused;mix-blend-mode:screen} .contacto-instagram::before{background:conic-gradient(from var(--ring-angle-a),#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75);animation:contacto-ring-a 4s linear infinite;animation-play-state:paused} .contacto-instagram::after{background:conic-gradient(from var(--ring-angle-b),#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75);animation:contacto-ring-b 6.5s linear infinite;animation-play-state:paused;mix-blend-mode:screen} .contacto-whatsapp:hover,.contacto-instagram:hover{border-color:transparent} .contacto-whatsapp:hover::before,.contacto-whatsapp:hover::after,.contacto-instagram:hover::before,.contacto-instagram:hover::after{opacity:1;animation-play-state:running} .contacto-right{display:flex;flex-direction:column;gap:var(--sp-5);justify-content:flex-start} .contacto-field{position:relative;display:flex;align-items:center;min-height:3.5rem;background:var(--c-black);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:0 1.25rem;transition:border-color .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease)} .field-trace{position:absolute;inset:0;pointer-events:none;overflow:visible} .field-trace rect{fill:none;stroke:var(--c-white);stroke-width:1px;stroke-dasharray:var(--dash,0);stroke-dashoffset:var(--dash,0);transition:stroke-dashoffset .9s var(--ease-out)} .contacto-field.is-tracing .field-trace rect{stroke-dashoffset:0} .contacto-field label{position:absolute;top:50%;left:1.0625rem;max-width:calc(100% - 2.1875rem);transform:translateY(-50%);padding:0 .1875rem;background:transparent;font-size:1rem;font-weight:300;color:rgba(255,255,255,.8);text-transform:none;letter-spacing:normal;transition:top .4s var(--ease-apple),font-size .35s var(--ease-apple),color .3s var(--ease),letter-spacing .3s var(--ease),font-weight .3s var(--ease),background-color .3s var(--ease);pointer-events:none} .contacto-field:has(textarea) label{top:1rem;transform:translateY(0)} .contacto-field input, .contacto-field textarea{width:100%;background:none;border:none;outline:none;color:var(--c-white);font-family:var(--font);font-size:1rem;font-weight:300;resize:none;padding:0} .contacto-field textarea{padding:1rem 0;min-height:5rem} .contacto-field input::placeholder, .contacto-field textarea::placeholder{color:transparent} .contacto-field input:-webkit-autofill, .contacto-field input:-webkit-autofill:hover, .contacto-field input:-webkit-autofill:focus, .contacto-field input:-webkit-autofill:active, .contacto-field input:autofill{-webkit-text-fill-color:var(--c-white) !important;caret-color:var(--c-white) !important;-webkit-background-clip:text;background-clip:text;filter:none;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s} .contacto-field::after{content:"";position:absolute;top:50%;right:1.25rem;width:1.125rem;height:1.125rem;margin-top:-.5625rem;background-color:var(--c-success);-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat;opacity:0;transform:scale(.6);transition:opacity .25s var(--ease),transform .45s var(--ease-apple);pointer-events:none;--ic-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16 9-5.5 5.5L8 12'/%3E%3C/svg%3E")} .contacto-field:has(textarea)::after{top:1.0625rem;margin-top:0} .contacto-field.is-valid:not(.has-error):not(:has(:placeholder-shown))::after{opacity:1;transform:none} .contacto-field.is-valid:not(.has-error):not(:has(:placeholder-shown)) input, .contacto-field.is-valid:not(.has-error):not(:has(:placeholder-shown)) textarea{padding-right:calc(1.125rem + var(--sp-2))} @media(prefers-reduced-motion:reduce){.contacto-field::after{transform:none;transition:opacity .2s linear}} @media(max-width:768px){ .contacto-field::after{width:1.25rem;height:1.25rem;margin-top:-.625rem} .contacto-field:has(textarea)::after{top:1rem} .contacto-field.is-valid:not(.has-error):not(:has(:placeholder-shown)) input, .contacto-field.is-valid:not(.has-error):not(:has(:placeholder-shown)) textarea{padding-right:calc(1.25rem + var(--sp-2))} } .contacto-field:focus-within, .contacto-field:not(.has-error):has(input:not(:placeholder-shown)), .contacto-field:not(.has-error):has(textarea:not(:placeholder-shown)){background:rgba(255,255,255,.055);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 24px -12px rgba(255,255,255,.22)} .contacto-field.has-error{border-color:rgba(255,0,4,.6);background:rgba(255,0,4,.045);box-shadow:0 0 0 1px rgba(255,0,4,.15),0 10px 28px -10px rgba(255,0,4,.4)} .contacto-field.has-error .field-trace rect{stroke:var(--c-red)} .contacto-field.has-error.has-error label{color:var(--c-red)} .contacto-field input:focus ~ label, .contacto-field textarea:focus ~ label, .contacto-field input:not(:placeholder-shown) ~ label, .contacto-field textarea:not(:placeholder-shown) ~ label{top:0;transform:translateY(-50%);font-size:var(--fs-sm);font-weight:400;letter-spacing:normal;color:rgba(255,255,255,.55);background:var(--c-black)} .field-error{display:block;position:absolute;top:100%;left:1.25rem;margin-top:.375rem;font-size:var(--fs-xs);line-height:1.3;letter-spacing:.03rem;color:var(--c-red);opacity:0;pointer-events:none;transition:opacity var(--dur-fast)} .field-error.visible{opacity:1} .contacto-field:has(>.field-error.visible){margin-bottom:1.5rem} .contacto-field-group{display:flex;flex-direction:column} .contacto-field-optional{font-style:italic;font-size:.8em} .contacto-field-longhint{display:block;margin-top:0;font-style:italic;font-size:.8em;font-weight:400;color:rgba(245,245,245,.68)} .contacto-field input:focus ~ label .contacto-field-longhint, .contacto-field textarea:focus ~ label .contacto-field-longhint, .contacto-field input:not(:placeholder-shown) ~ label .contacto-field-longhint, .contacto-field textarea:not(:placeholder-shown) ~ label .contacto-field-longhint{display:none} .contacto-field-hint{margin-top:var(--sp-2);padding-left:1.25rem;font-size:var(--fs-caption);line-height:1.4;color:rgba(245,245,245,.68);letter-spacing:normal;font-style:italic} .contacto-consent{display:flex;align-items:center;gap:var(--sp-2);margin-top:0;cursor:pointer;user-select:none} .contacto-consent input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .contacto-consent .consent-box{flex-shrink:0;width:1.125rem;height:1.125rem;border:1px solid var(--c-white);border-radius:.25rem;position:relative;transition:border-color var(--dur-fast) var(--ease)} .contacto-consent .consent-box::before{content:'';position:absolute;inset:0;background:var(--c-red);border-radius:calc(.25rem - 1px);transform:scale(0);transition:transform .25s var(--ease-out)} .contacto-consent .consent-box::after{content:'';position:absolute;inset:0;margin:auto;width:.25rem;height:.4375rem;border:solid var(--c-white);border-width:0 .125rem .125rem 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .2s var(--ease-out) .08s} .contacto-consent input:checked ~ .consent-box{border-color:var(--c-red)} .contacto-consent input:checked ~ .consent-box::before{transform:scale(1)} .contacto-consent input:checked ~ .consent-box::after{transform:rotate(45deg) scale(1)} .contacto-consent input:focus-visible ~ .consent-box{box-shadow:0 0 0 3px rgba(255,255,255,.18)} .contacto-consent span:last-child{font-size:var(--fs-caption);line-height:1.4;color:var(--c-white);letter-spacing:normal} .contacto-consent a{color:var(--c-white);text-decoration:underline;text-underline-offset:.15em;transition:color var(--dur-fast) var(--ease)} .contacto-consent a:hover{color:var(--c-red)} [data-split]{visibility:hidden} [data-split].split-ready{visibility:visible} .split-word{display:inline-block;overflow:hidden;vertical-align:top} .split-char{display:inline-block;transform:translateY(110%);transition:transform .6s var(--ease)} [data-split].revealed .split-char{transform:translateY(0)} .cursor{position:fixed;top:0;left:0;width:.75rem;height:.75rem;background:var(--c-white);border-radius:50%;pointer-events:none;z-index:10000;mix-blend-mode:difference;transform:translate3d(-50%,-50%,0) scale(1);transition:width .4s var(--ease),height .4s var(--ease),opacity .3s,background-color .3s var(--ease),box-shadow .3s var(--ease);will-change:transform} .cursor.active{width:3.5rem;height:3.5rem} .cursor.hidden{opacity:0} .cursor__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:.8125rem;font-weight:500;line-height:1.2;letter-spacing:.01em;text-align:center;color:var(--c-white);text-shadow:0 1px 2px rgba(0,0,0,.35);opacity:0;transform:scale(.8);transition:opacity .2s var(--ease),transform .4s var(--ease-apple)} .cursor__in{position:relative;flex:none} .cursor__txt{display:block;width:max-content;max-width:6rem;text-wrap:balance} .cursor__copa{display:none;position:absolute;top:100%;left:50%;margin-top:calc(var(--sp-3) - var(--sp-1));transform:translateX(-50%);height:1.25rem;width:auto;overflow:visible;stroke:currentColor;stroke-width:.5;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))} .cursor.premio .cursor__copa{display:block} .cursor.premio .cursor__in{top:calc(var(--sp-2) * -1)} .cursor__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;font-family:var(--font);font-size:.5625rem;font-weight:500;fill:var(--c-white);opacity:0;transition:opacity .2s var(--ease)} .cursor.view.premio .cursor__ring{opacity:.9;transition-delay:.08s} .cursor.view.premio .cursor__ring{animation:cursorRing 24s linear infinite} @keyframes cursorRing{to{transform:rotate(1turn)}} @media(prefers-reduced-motion:reduce){.cursor.view.premio .cursor__ring{animation:none}} .cursor.view{width:var(--cur-d,calc(var(--sp-11) + var(--sp-3)));height:var(--cur-d,calc(var(--sp-11) + var(--sp-3)));mix-blend-mode:normal;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),linear-gradient(rgba(30,30,30,.18),rgba(30,30,30,.18));-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.05);backdrop-filter:blur(40px) saturate(1.8) brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 24px -8px rgba(0,0,0,.35)} .cursor::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .3s var(--ease);background:radial-gradient(70% 70% at 15% 10%,rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 70%),radial-gradient(70% 70% at 85% 90%,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)} .cursor.view::after{opacity:1} .cursor.view .cursor__label{opacity:1;transform:none;transition-delay:.08s} @media(pointer:coarse){.cursor{display:none}} @media(pointer:fine){*,html{cursor:none!important}input,textarea,select{cursor:text!important}.cursor{display:block}} .scroll-indicator{position:absolute;bottom:var(--sp-6);left:0;right:0;width:fit-content;margin:0 auto;z-index:2;font-size:.6875rem;font-weight:400;letter-spacing:.3rem;text-transform:uppercase;color:var(--c-gray);opacity:0;animation:fadeUp 1s 1s var(--ease) forwards,float 3s 2s ease-in-out infinite} .scroll-indicator.hide{animation:scrollHide 1.2s var(--ease) forwards} .scroll-indicator.show{animation:scrollShow .8s var(--ease) forwards,float 3s ease-in-out infinite} .scroll-indicator::after{content:'';display:block;width:1px;height:var(--sp-4);background:linear-gradient(to bottom,var(--c-gray),transparent);margin:var(--sp-3) auto 0;animation:scrollLine 2s ease-in-out infinite} .section-eventos{position:relative;z-index:2;background:var(--c-black)} .event-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px} .event-card{position:relative;overflow:hidden;cursor:pointer;background:var(--c-dark-card);-webkit-tap-highlight-color:transparent} .event-card:hover{z-index:5} .event-card-img-wrap{position:relative;overflow:hidden;display:block;line-height:0} .event-card-img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:brightness(1);transition:filter var(--dur-fast);display:block} .event-card-info{padding:var(--sp-3) var(--sp-4);display:flex;justify-content:space-between;align-items:center;background:var(--c-dark);border-top:1px solid rgba(255,255,255,.04);transition:background .35s var(--ease)} .event-card:hover .event-card-info{background:var(--c-red)} .event-card-title{font-size:.9375rem;font-weight:400;line-height:1.2;color:var(--c-white)} .event-card-meta{font-size:var(--fs-sm);font-weight:300;color:rgba(245,245,245,.62);margin-top:var(--sp-1);line-height:1.2;letter-spacing:.03rem;transition:color var(--dur-fast)} .event-card:hover .event-card-meta{color:rgba(255,255,255,.82)} .event-card-arrow{width:1.5rem;height:1.5rem;opacity:.45;filter:brightness(0) invert(1);flex-shrink:0;transition:opacity var(--dur-fast),transform .4s var(--ease)} .event-card:hover .event-card-arrow{opacity:1;transform:translateX(var(--sp-2))} .event-card-img-wrap::before, .event-card-img-wrap::after{content:'';position:absolute;inset:0;opacity:0;pointer-events:none;z-index:2} .event-card-img-wrap::before{background:rgba(255,0,4,.5);mix-blend-mode:screen} .event-card-img-wrap::after{background:rgba(40,60,255,.4);mix-blend-mode:screen} .event-card:hover .event-card-img-wrap::before{animation:glitch-r .4s steps(6) forwards} .event-card:hover .event-card-img-wrap::after{animation:glitch-b .4s steps(6) .03s forwards} .event-card:hover .event-card-img{animation:glitch-shake .4s steps(6) forwards} @media(min-width:1025px){ .event-card:hover .event-card-img-wrap::before{animation:none} .event-card:hover .event-card-img-wrap::after{animation:none} } .event-detail{position:fixed;inset:0;z-index:900;background:var(--c-black);overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-y;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.25,.46,.45,.94),visibility 0s .5s} .event-detail.open{opacity:1;visibility:visible;transition:opacity .15s var(--ease),visibility 0s 0s} .event-detail.open.closing{opacity:0;transform:translateY(40px) scale(.985);filter:blur(6px);transition:opacity .55s var(--ease-apple),transform .55s var(--ease-apple),filter .55s var(--ease-apple)} .event-detail.open.closing + .btn-back{opacity:0;transform:translateX(-1rem);transition:opacity .35s var(--ease-apple),transform .35s var(--ease-apple);transition-delay:0s} .event-detail::before, .event-detail::after{content:'';position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0;transition:opacity .15s} .event-detail::before{background:rgba(255,0,4,.5);mix-blend-mode:screen} .event-detail::after{background:rgba(40,60,255,.4);mix-blend-mode:screen} .event-detail.open::before{animation:detail-glitch-r .5s steps(8) forwards} .event-detail.open::after{animation:detail-glitch-b .5s steps(8) .03s forwards} .btn-back{position:fixed;top:calc(var(--sp-6) + 12px);left:var(--sp-6);z-index:950;display:inline-flex;align-items:center;gap:var(--sp-2);height:2.75rem;font-family:var(--font);font-size:.9375rem;font-weight:400;letter-spacing:0;color:var(--c-white);background:var(--glass-tint);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:none;border-radius:var(--radius-pill);padding:0 var(--sp-4) 0 var(--sp-3);cursor:pointer;opacity:0;transform:translateX(-1rem);pointer-events:none;box-shadow:var(--glass-shadow);transition:opacity .4s var(--ease),transform .4s var(--ease),background .4s var(--ease),box-shadow .4s var(--ease),padding .4s var(--ease)} .event-detail.open + .btn-back{opacity:1;transform:translateX(0);pointer-events:auto;transition-delay:.3s,.3s,0s,0s,0s} .btn-back:hover{background:var(--glass-tint-dense);padding-left:calc(var(--sp-3) + 6px)} .detail-gallery{display:block;column-count:3;column-gap:2px} .gallery-item{display:block;overflow:hidden;break-inside:avoid;margin-bottom:2px} .gallery-item img{width:100%;height:auto;display:block;object-fit:cover} .detail-gallery > *{clip-path:inset(12%);opacity:0;transition:clip-path .8s var(--ease),opacity .6s var(--ease)} .event-detail.open .detail-gallery > *{clip-path:inset(0);opacity:1} .event-detail.open .detail-gallery > :nth-child(1){transition-delay:.5s} .event-detail.open .detail-gallery > :nth-child(2){transition-delay:.6s} .event-detail.open .detail-gallery > :nth-child(3){transition-delay:.7s} .event-detail.open .detail-gallery > :nth-child(4){transition-delay:.8s} .event-detail.open .detail-gallery > :nth-child(5){transition-delay:.9s} .event-detail.open .detail-gallery > :nth-child(6){transition-delay:1s} .event-detail.open .detail-gallery > :nth-child(7){transition-delay:1.1s} .event-detail.open .detail-gallery > :nth-child(8){transition-delay:1.2s} .event-detail.open .detail-gallery > :nth-child(9){transition-delay:1.3s} .detail-contacto{padding:0} .event-detail .detail-contacto .section-contacto{margin-top:0} .event-detail .detail-contacto .section-contacto>*{opacity:1;transform:none;transition:none} .footer{position:relative;z-index:2;background:var(--c-black);padding:var(--sp-10) var(--sp-10) var(--sp-7);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;overflow:hidden;contain:layout style} .footer::before{content:'';display:block;width:100%;aspect-ratio:4.5/1;background:#fff;-webkit-mask:url('https://res.cloudinary.com/duuq8lnz5/image/upload/v1772706839/Logo_Nomikai_o0shob.svg') center/100% auto no-repeat;mask:url('https://res.cloudinary.com/duuq8lnz5/image/upload/v1772706839/Logo_Nomikai_o0shob.svg') center/100% auto no-repeat;pointer-events:none;margin-bottom:var(--sp-7)} .footer-bottom{display:flex;align-items:center;justify-content:space-between} .footer-left{display:flex;align-items:center} .footer-left .footer-logo-img{display:none} .footer-copy{font-size:.875rem;color:rgba(245,245,245,.55);letter-spacing:.0625rem} .footer-links{display:flex;gap:var(--sp-5)} .footer-links a{font-size:.875rem;color:rgba(245,245,245,.8);letter-spacing:.0625rem;transition:color var(--dur-fast);position:relative} .footer-links a::after{content:'';position:absolute;bottom:calc(var(--sp-1) * -1);left:0;width:100%;height:1px;background:var(--c-red);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)} .footer-links a:hover{color:var(--c-red)} .footer-links a:hover::after{transform:scaleX(1);transform-origin:left} .footer-links a[aria-current="page"]{color:var(--c-red)} @media(min-width:769px){.footer-links a[aria-current="page"]::after{transform:scaleX(1)}} @keyframes fadeUp{from{opacity:0;transform:translateY(1.875rem)}to{opacity:1;transform:translateY(0)}} @keyframes fadeDown{from{opacity:0;transform:translate(-50%,-1.25rem)}to{opacity:1;transform:translate(-50%,0)}} @keyframes fadeIn{from{opacity:0}to{opacity:1}} @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.5rem)}} @keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.01%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}} @keyframes scrollHide{to{opacity:0;transform:translateY(.5rem)}} @keyframes scrollShow{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}} @keyframes glitch-shake{0%{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,2px)}80%{transform:translate(4px,-1px)}100%{transform:translate(0)}} @keyframes glitch-r{0%{opacity:.7;transform:translate(10px,-4px)}20%{opacity:.8;transform:translate(-8px,3px)}40%{opacity:.6;transform:translate(6px,-2px)}60%{opacity:.4;transform:translate(-4px,2px)}80%{opacity:.15;transform:translate(2px,0)}100%{opacity:0;transform:translate(0)}} @keyframes glitch-b{0%{opacity:.6;transform:translate(-9px,4px)}20%{opacity:.7;transform:translate(7px,-3px)}40%{opacity:.5;transform:translate(-5px,2px)}60%{opacity:.3;transform:translate(3px,-1px)}80%{opacity:.1;transform:translate(-1px,0)}100%{opacity:0;transform:translate(0)}} @keyframes detail-glitch-r{0%{opacity:.8;transform:translate(12px,-5px)}12%{opacity:.9;transform:translate(-8px,3px)}25%{opacity:.7;transform:translate(6px,-2px)}37%{opacity:.6;transform:translate(-10px,4px)}50%{opacity:.5;transform:translate(8px,-3px)}62%{opacity:.3;transform:translate(-4px,2px)}75%{opacity:.15;transform:translate(3px,-1px)}100%{opacity:0;transform:translate(0)}} @keyframes detail-glitch-b{0%{opacity:.7;transform:translate(-10px,4px)}12%{opacity:.8;transform:translate(9px,-4px)}25%{opacity:.6;transform:translate(-7px,3px)}37%{opacity:.5;transform:translate(8px,-2px)}50%{opacity:.4;transform:translate(-5px,2px)}62%{opacity:.25;transform:translate(4px,-1px)}75%{opacity:.1;transform:translate(-2px,1px)}100%{opacity:0;transform:translate(0)}} .reveal{opacity:0;transform:translateY(1.875rem);transition:opacity .7s var(--ease),transform .7s var(--ease)} .reveal.visible{opacity:1;transform:translateY(0)} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .skip-link{position:absolute;top:-100%;left:var(--sp-4);z-index:9999;padding:var(--sp-3) var(--sp-5);background:var(--c-red);color:var(--c-white);font-family:var(--font);font-size:var(--fs-sm);font-weight:400;letter-spacing:.1rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:top .2s} .skip-link:focus{top:0} body.detail-open{overflow:hidden} body.detail-open .side-text, body.detail-open .icon-corner{pointer-events:none;visibility:hidden;opacity:0} body.detail-blur main{filter:blur(12px);transition:filter .4s var(--ease)} .modal-contacto{position:fixed;inset:0;z-index:950;display:flex;align-items:stretch;visibility:hidden;transition:visibility 0s .65s} .modal-contacto.open{visibility:visible;transition:visibility 0s 0s} .modal-contacto-img{position:fixed;top:0;left:0;width:50%;height:100%;overflow:hidden;transform:translateX(-100%);transition:transform .55s cubic-bezier(.16,1,.3,1);will-change:transform} .modal-contacto.open .modal-contacto-img{transform:translateX(0);transition:transform .65s cubic-bezier(.16,1,.3,1)} .modal-contacto-img img{width:100%;height:100%;object-fit:cover;object-position:50% 65%} body.modal-open{overflow:hidden} body.nav-menu-open{overflow:hidden} .modal-contacto-inner{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:50%;height:100%;background:var(--e-1);overflow:hidden;overflow-y:auto;touch-action:pan-y;transform:translateX(100%);transition:transform .55s cubic-bezier(.16,1,.3,1);will-change:transform} .modal-contacto.open .modal-contacto-inner{transform:translateX(0);transition:transform .65s cubic-bezier(.16,1,.3,1)} .modal-contacto-close{position:absolute;top:var(--sp-5);right:var(--sp-5);z-index:5;width:var(--sp-9);height:var(--sp-9);background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:none;border-radius:50%;box-shadow:var(--glass-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:transform .3s var(--ease),background .3s var(--ease),opacity .5s .45s var(--ease);-webkit-tap-highlight-color:transparent} .modal-contacto.open .modal-contacto-close{opacity:1} .modal-contacto-close:hover{background:var(--glass-tint-dense);transform:rotate(90deg)} .modal-contacto-close:focus-visible{outline:2px solid var(--c-white);outline-offset:2px} .modal-contacto-close span{display:block;position:relative;width:1.5rem;height:1.5rem} .modal-contacto-close span::before,.modal-contacto-close span::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:1.5px;background:var(--c-white);border-radius:1px} .modal-contacto-close span::before{transform:translate(-50%,-50%) rotate(45deg)} .modal-contacto-close span::after{transform:translate(-50%,-50%) rotate(-45deg)} .modal-contacto-left{padding:10rem var(--sp-9) 0 7.5rem} .modal-contacto-title{font-family:var(--font);font-size:clamp(2.5rem,4.25vw,4rem);font-weight:200;text-transform:uppercase;line-height:1;color:var(--c-white);margin-bottom:var(--sp-2);margin-left:-.15rem;opacity:0;filter:blur(8px);transform:translateY(.4em);transition:opacity .75s .35s var(--ease-apple),filter .75s .35s var(--ease-apple),transform .75s .35s var(--ease-apple)} .modal-contacto.open .modal-contacto-title{opacity:1;filter:blur(0);transform:translateY(0)} .modal-contacto-subtitle{font-family:var(--font);font-size:1.5rem;font-weight:200;color:var(--c-white);margin-bottom:var(--sp-4);opacity:0;filter:blur(8px);transform:translateY(.4em);transition:opacity .75s .5s var(--ease-apple),filter .75s .5s var(--ease-apple),transform .75s .5s var(--ease-apple)} .modal-contacto.open .modal-contacto-subtitle{opacity:1;filter:blur(0);transform:translateY(0)} .modal-contacto-links{display:flex;align-items:center;gap:0} .modal-contacto-links .contacto-whatsapp,.modal-contacto-links .contacto-instagram{margin-top:0;top:0} .modal-contacto-links .contacto-instagram{margin-left:var(--sp-2)} .modal-contacto-right{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--sp-5) 7.5rem var(--sp-10) 7.5rem;gap:var(--sp-4)} #m-input-mensaje{min-height:7rem} .modal-contacto-right .btn-primary{align-self:flex-start;margin-top:var(--sp-2)} .modal-contacto{--mc-px:7.5rem} @media(max-width:1600px){.modal-contacto{--mc-px:6rem}} @media(max-width:1440px){.modal-contacto{--mc-px:var(--sp-10)}} @media(max-width:1280px){.modal-contacto{--mc-px:var(--sp-8)}} @media(max-width:1024px){.modal-contacto{--mc-px:var(--sp-7)}} .modal-contacto .modal-contacto-left{padding-left:var(--mc-px);padding-right:var(--mc-px)} .modal-contacto .modal-contacto-right{padding-left:var(--mc-px);padding-right:var(--mc-px)} .modal-contacto .modal-contacto-left>*,.modal-contacto .modal-contacto-right>*{width:100%;max-width:34rem;margin-left:auto;margin-right:auto} @media(min-width:1025px){.modal-contacto .modal-contacto-inner{box-shadow:none}} .modal-contacto .modal-contacto-title,.modal-contacto .modal-contacto-photo-title{width:fit-content;padding-block:.12em .2em;font-size:clamp(2.5rem,4.05vw,4.5rem);font-weight:500;line-height:1.07;letter-spacing:-.015em;text-transform:none;background-image:linear-gradient(94deg,#CCCCD6 1%,#FFFFFF 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent} .modal-contacto .modal-contacto-title{margin:0 0 -.2em} .modal-contacto .modal-contacto-photo-title{position:absolute;z-index:2;left:var(--sp-9);right:var(--sp-9);bottom:var(--sp-9);font-size:clamp(2.6875rem,4.35vw,4.8125rem);margin:0 0 -.2em;font-family:var(--font);opacity:0;filter:blur(8px);transform:translateY(.4em);transition:opacity .75s .45s var(--ease-apple),filter .75s .45s var(--ease-apple),transform .75s .45s var(--ease-apple)} .modal-contacto.open .modal-contacto-photo-title{opacity:1;filter:blur(0);transform:translateY(0)} .modal-contacto-img::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(var(--c-bg-rgb),.72) 0%,rgba(var(--c-bg-rgb),.38) 28%,rgba(var(--c-bg-rgb),0) 55%);pointer-events:none} @media(min-width:1025px){.modal-contacto .modal-contacto-title{display:none}} @media(max-width:1024px){.modal-contacto .modal-contacto-photo-title{display:none}} .modal-contacto .modal-contacto-subtitle{text-wrap:balance;margin-top:0;margin-bottom:0;font-size:clamp(1.0625rem,.45rem + .8vw,1.3125rem);font-weight:300;line-height:1.36;color:#BDBDC6} @media(max-width:1024px){.modal-contacto .modal-contacto-subtitle{margin-top:var(--sp-3)}} .modal-contacto .modal-contacto-subtitle strong{font-weight:500;color:#FFF} @media(min-width:769px){.modal-contacto .modal-contacto-subtitle{position:relative;top:calc(var(--sp-2) * -1)}} @media(min-width:769px){.modal-contacto .modal-contacto-subtitle strong{display:block;margin-top:var(--sp-2)}} @media(max-width:768px){.modal-contacto .modal-contacto-subtitle{line-height:1.43}} .modal-contacto .modal-contacto-links{justify-content:flex-start;margin-top:var(--sp-4)} .modal-contacto .contacto-whatsapp,.modal-contacto .contacto-instagram{transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform .25s var(--ease-out),box-shadow .6s var(--ease-apple)} .modal-contacto .contacto-whatsapp:hover{box-shadow:-10px 8px 28px -6px rgba(37,211,102,.38),10px -8px 28px -6px rgba(18,140,126,.34),0 0 44px -8px rgba(7,94,84,.4)} .modal-contacto .contacto-instagram:hover{box-shadow:-12px 10px 28px -6px rgba(254,218,117,.34),0 0 36px -6px rgba(214,41,118,.38),12px -10px 28px -6px rgba(79,91,213,.36)} .modal-contacto .modal-contacto-right{align-items:center;gap:var(--sp-4);padding-top:var(--sp-5);padding-bottom:var(--sp-4)} .modal-contacto .modal-contacto-right>.btn-primary{width:auto;align-self:center} .modal-contacto .contacto-field label{color:var(--c-white)} .modal-contacto .contacto-field input:focus ~ label,.modal-contacto .contacto-field textarea:focus ~ label,.modal-contacto .contacto-field input:not(:placeholder-shown) ~ label,.modal-contacto .contacto-field textarea:not(:placeholder-shown) ~ label{background:var(--e-1)} @media(min-width:1025px){ .modal-contacto .modal-contacto-inner{padding-top:calc(6.75rem + var(--sp-3));padding-bottom:calc(var(--sp-3) + var(--sp-2))} .modal-contacto .modal-contacto-left{padding-top:0;margin-top:auto} .modal-contacto .modal-contacto-right{flex:0 0 auto;margin-bottom:auto;padding-bottom:0} .modal-contacto .modal-contacto-right>#m-btn-enviar{margin-top:var(--sp-3)} } body.modal-open .icon-corner{z-index:960} body.modal-open .side-text{z-index:955} body.nav-menu-open .icon-corner,body.nav-menu-open .side-text{display:none} @media(min-width:1025px){ .contacto-whatsapp,.contacto-instagram{width:3.5rem;height:3.5rem;padding:0;gap:0;justify-content:center;font-size:0;letter-spacing:0;border-width:2px;position:relative;top:calc(-1 * var(--sp-3))} .contacto-instagram{margin-left:var(--sp-2)} .contacto-whatsapp::before,.contacto-whatsapp::after,.contacto-instagram::before,.contacto-instagram::after{padding:2px;inset:-2px} .contacto-right{transform:translateX(calc(-1 * var(--sp-9)))} } @media(max-width:1600px){ .section-contacto{padding:var(--sp-10) var(--sp-8) var(--sp-11);gap:var(--sp-9)} .modal-contacto-left{padding:9rem var(--sp-8) 0 6rem} .modal-contacto-right{padding:var(--sp-4) 6rem var(--sp-10) 6rem} .footer{padding:var(--sp-10) var(--sp-8) var(--sp-7)} } @media(max-width:1440px){ .section-contacto{padding:var(--sp-9) var(--sp-7) var(--sp-10);gap:var(--sp-8)} .modal-contacto-left{padding:8rem var(--sp-7) 0 var(--sp-10)} .modal-contacto-right{padding:var(--sp-4) var(--sp-10) var(--sp-9) var(--sp-10)} .modal-contacto-title{font-size:clamp(3rem,5.5vw,5rem)} .footer{padding:var(--sp-10) var(--sp-7) var(--sp-7)} } @media(max-width:1280px){ .section-contacto{padding:var(--sp-8) var(--sp-6) var(--sp-9);gap:var(--sp-7)} .modal-contacto-left{padding:6rem var(--sp-6) 0 var(--sp-8)} .modal-contacto-right{padding:var(--sp-4) var(--sp-8) var(--sp-8) var(--sp-8)} .modal-contacto-title{font-size:clamp(2.5rem,5vw,4.5rem)} .footer{padding:var(--sp-9) var(--sp-6) var(--sp-6)} .btn-back{left:var(--sp-5)} } @media(max-width:1024px){ .scroll-indicator{display:none} .footer{padding:var(--sp-8) var(--sp-6) var(--sp-5)} .footer-bottom{flex-direction:column;gap:var(--sp-3);text-align:center} .footer-left{justify-content:center} .footer-links{justify-content:center} .section-contacto{grid-template-columns:1fr;padding:var(--sp-8) var(--sp-6) var(--sp-9);gap:var(--sp-7)} .event-grid{grid-template-columns:1fr 1fr} .detail-gallery{column-count:2} .modal-contacto-img{display:none} .modal-contacto-inner{width:min(40rem,100vw)} .modal-contacto-left{padding:6rem var(--sp-7) 0 var(--sp-7)} .modal-contacto-right{padding:var(--sp-4) var(--sp-7) var(--sp-8) var(--sp-7)} .modal-contacto-title{font-size:clamp(2.5rem,5.5vw,4rem)} .btn-back{left:var(--sp-4)} } @media(max-width:768px){ .side-text,.icon-corner{display:none} body{padding-bottom:var(--sp-4)} .footer{padding-top:1.75rem;padding-bottom:calc(var(--sp-4) + 4rem);padding-left:var(--sp-4);padding-right:var(--sp-4)} .btn-primary{display:inline-flex;align-items:center;justify-content:center;align-self:center;height:var(--sp-8);width:14rem;padding:0 var(--sp-7)} .btn-cta-arrow img{display:none} .btn-primary{transition:background-color var(--dur-mid) var(--ease),transform var(--dur-mid) var(--ease),box-shadow var(--dur-mid) var(--ease)} .btn-primary:not(:disabled):hover{box-shadow:none} .contacto-consent .consent-box{width:1.25rem;height:1.25rem} .contacto-consent .consent-box::after{width:.375rem;height:.625rem;border-width:0 .125rem .125rem 0} .contacto-consent{gap:12px;margin-top:var(--sp-2)} #btn-enviar,#d-btn-enviar{align-self:center;margin-top:var(--sp-3)} .hero,.hero-video{padding-bottom:5rem} .hero-content,.hero-video-content{padding-left:var(--sp-4);padding-right:var(--sp-4)} .hero-title{line-height:1.2} .hero-video-sub{margin-top:var(--sp-3)} .contacto-left h2{font-size:calc(var(--display-fs) * 1.25);line-height:1.25;margin-bottom:var(--sp-2)} .contacto-left p{font-size:1rem;font-weight:200;line-height:1.45} .contacto-left p strong{display:inline-block;margin-top:var(--sp-1)} .contacto-whatsapp,.contacto-instagram{font-size:1rem;line-height:1.5} .contacto-whatsapp{margin-top:var(--sp-4)} .contacto-instagram{margin-top:var(--sp-4)} .contacto-whatsapp svg,.contacto-instagram svg{width:1.25rem;height:1.25rem;stroke-width:.5} .contacto-whatsapp,.contacto-instagram{width:3.5rem;height:3.5rem;padding:0;gap:0;justify-content:center;font-size:0;letter-spacing:0;border-width:2px} .contacto-whatsapp::before,.contacto-whatsapp::after,.contacto-instagram::before,.contacto-instagram::after{padding:2px;inset:-2px} .contacto-instagram{margin-left:var(--sp-2)} .contacto-right{gap:20px;margin-top:20px} .contacto-field textarea{min-height:7.5rem} .contacto-field{min-height:4rem} .contacto-field-hint{padding-left:0;font-weight:300} .contacto-field-longhint{line-height:1.2} .contacto-field-longhint{margin-top:var(--sp-2)} .contacto-field-longhint{font-weight:300} .contacto-field:has(textarea) label{top:1.125rem} .footer::before{margin-bottom:var(--sp-4)} .footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--sp-2);text-align:left} .footer-left{order:2;justify-content:flex-start;flex-wrap:wrap;gap:var(--sp-2)} .footer-links{order:1;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--sp-2);flex-wrap:nowrap} .event-card{display:flex;flex-direction:column} .event-card-info{padding:var(--sp-3);flex:1;align-items:flex-start} .event-card-title{font-size:.9375rem;font-weight:300} .event-card-meta{display:none} .event-card-arrow{display:none} .btn-back{top:var(--sp-4);left:var(--sp-4);padding:0;width:3rem;height:3rem;min-width:3rem;border-radius:50%;justify-content:center;gap:0;font-size:0;color:transparent;letter-spacing:0} .section-contacto{padding:var(--sp-5) var(--sp-4) var(--sp-5);gap:var(--sp-3)} .event-card-img{aspect-ratio:5/6;height:auto} .detail-gallery{column-count:1} .modal-contacto-inner{width:min(28rem,92vw);position:fixed;right:0;top:0;height:100%} .modal-contacto-left{padding:4.5rem var(--sp-6) 0} .modal-contacto-right{padding:var(--sp-5) var(--sp-6) var(--sp-8)} .modal-contacto-close{top:var(--sp-3);right:var(--sp-3)} .modal-contacto-title{font-size:clamp(2.25rem,6vw,3.5rem)} .modal-contacto-links{flex-direction:column;align-items:flex-start;gap:var(--sp-3)} .split-char{transition:transform .6s var(--ease-apple)} .hero-label{animation:fadeUp .9s .15s var(--ease-apple) forwards} .hero-title{animation:fadeUp 1s .35s var(--ease-apple) forwards} .event-card-img{transition:filter .45s var(--ease-apple)} .event-card-info{transition:background .45s var(--ease-apple)} .event-card-meta{transition:color .45s var(--ease-apple)} .event-card-arrow{transition:opacity .4s var(--ease-apple),transform .5s var(--ease-apple)} .contacto-field label{transition:top .55s var(--ease-apple),font-size .5s var(--ease-apple),color .55s var(--ease-apple),letter-spacing .55s var(--ease-apple)} .detail-gallery>*{clip-path:inset(0);opacity:1;transition:none} .event-detail.open .detail-gallery>*, .event-detail.open .detail-gallery>:nth-child(1), .event-detail.open .detail-gallery>:nth-child(2), .event-detail.open .detail-gallery>:nth-child(3), .event-detail.open .detail-gallery>:nth-child(4), .event-detail.open .detail-gallery>:nth-child(5), .event-detail.open .detail-gallery>:nth-child(6), .event-detail.open .detail-gallery>:nth-child(7), .event-detail.open .detail-gallery>:nth-child(8), .event-detail.open .detail-gallery>:nth-child(9){clip-path:inset(0);opacity:1;transition:none} .contacto-left h2 .split-char{transform:none;transition:none} .contacto-left h2 .split-word{overflow:visible} .contacto-left h2 > .split-word{display:inline-block;opacity:0;transform:translateY(28%);filter:blur(8px);transition:opacity .7s var(--ease-apple),transform .7s var(--ease-apple),filter .7s var(--ease-apple);will-change:opacity,transform,filter} .contacto-left h2.revealed > .split-word{opacity:1;transform:translateY(0);filter:blur(0)} .contacto-left h2 > span:not(.split-word){display:inline-block;opacity:0;transform:scale(.96);filter:blur(12px);transition:opacity .85s .35s var(--ease-apple),transform .85s .35s var(--ease-apple),filter .85s .35s var(--ease-apple);will-change:opacity,transform,filter} .contacto-left h2.revealed > span:not(.split-word){opacity:1;transform:scale(1);filter:blur(0)} .detail-contacto .contacto-left h2>span:not(.split-word){opacity:1;transform:none;filter:none} } @media(max-width:768px),(max-width:1024px) and (orientation:portrait),(max-width:1024px) and (max-height:500px){ .nav{top:auto;bottom:var(--sp-4);left:var(--sp-3);right:var(--sp-3);transform:none;width:auto;padding:.75rem;justify-content:space-between;align-items:center;box-shadow:0 -1px 1px rgba(0,0,0,.18),0 14px 40px rgba(0,0,0,.48);transition:transform .5s var(--ease-apple),box-shadow .5s var(--ease-apple),background .6s var(--ease)} .nav.nav-closing{background:var(--glass-tint-dense);backdrop-filter:none;-webkit-backdrop-filter:none} .nav.scrolled{box-shadow:0 -1px 1px rgba(0,0,0,.22),0 16px 44px rgba(0,0,0,.55)} .nav.nav-hidden{transform:translateY(calc(100% + var(--sp-4)));pointer-events:none} .nav.menu-open.nav-hidden{transform:none;pointer-events:auto} .nav-logo{order:1;padding:0;width:auto;height:2.5rem;transition:none;margin-left:0;z-index:3} .nav.scrolled .nav-logo{width:auto;padding:0} .nav-logo a{gap:var(--sp-3)} .nav .nav-logo .logo-full{opacity:1;position:relative;top:1px;height:1.5625rem} .nav .nav-logo .logo-imago{display:block;opacity:1;position:relative;order:-1;height:2.5rem} .nav-hamburger{order:2;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:none;border-radius:0;cursor:pointer;padding:0;position:relative;z-index:3;transition:transform .25s cubic-bezier(.25,.46,.45,.94);-webkit-tap-highlight-color:transparent} .nav-hamburger::before{content:'';position:absolute;top:-.5rem;bottom:-.5rem;right:-.75rem;left:-6rem;z-index:1} .nav-hamburger span{position:absolute;display:block;background:var(--c-white);border-radius:1px} .nav-hamburger span:nth-child(1){width:1.125rem;height:1.75px} .nav-hamburger span:nth-child(2){width:1.75px;height:1.125rem} .nav.menu-open .nav-hamburger{transform:rotate(45deg)} .nav.menu-open{background:var(--glass-tint-dense);backdrop-filter:none;-webkit-backdrop-filter:none} .nav.menu-open::before{content:'';position:absolute;inset:0;background:var(--glass-tint-dense);border-radius:var(--radius-pill);z-index:2;pointer-events:none} .nav-menu-card{display:flex;position:fixed;inset:0;flex-direction:column;justify-content:flex-end;justify-content:safe flex-end;gap:0;padding:var(--sp-8) var(--sp-5) calc(var(--sp-4) + 4rem + var(--sp-4));margin:0;background:var(--e-2);border-radius:0;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .5s var(--ease-apple),visibility 0s .5s;--nav-arrow-lift:-.55em;z-index:1} body.nav-menu-open .side-text{display:flex;opacity:1;animation:none} .nav-menu-glow{display:block;position:absolute;border-radius:50%;pointer-events:none;will-change:transform;opacity:0;mix-blend-mode:screen} .nav-menu-glow--far{width:110vmax;height:110vmax;left:-30vmax;top:45vh;background:radial-gradient(circle,rgba(255,0,4,.34) 0%,rgba(255,0,4,.16) 18.75%,rgba(255,0,4,.06) 37.5%,rgba(255,0,4,0) 58.5%)} .nav-menu-glow--mid{width:74vmax;height:74vmax;right:-18vmax;top:-8vh;background:radial-gradient(circle,rgba(255,0,4,.4) 0%,rgba(255,0,4,.18) 18.75%,rgba(255,0,4,.06) 37.5%,rgba(255,0,4,0) 58.5%)} .nav-menu-glow--near{width:46vmax;height:46vmax;left:32vw;top:58vh;background:radial-gradient(circle,rgba(255,0,4,.46) 0%,rgba(255,0,4,.2) 18.75%,rgba(255,0,4,.07) 37.5%,rgba(255,0,4,0) 58.5%)} .nav.menu-open .nav-menu-glow--far{opacity:.6;animation:navGlowFar 13.3s cubic-bezier(.45,.05,.55,.95) infinite} .nav.menu-open .nav-menu-glow--mid{opacity:.68;animation:navGlowMid 9.7s cubic-bezier(.37,0,.63,1) infinite} .nav.menu-open .nav-menu-glow--near{opacity:.8;animation:navGlowNear 7.1s cubic-bezier(.5,.1,.4,.9) infinite} @keyframes navGlowFar{0%{transform:translate(0,0) rotate(0deg) scale(1,1)}22%{transform:translate(9vw,-7vh) rotate(38deg) scale(1.28,.78)}47%{transform:translate(15vw,-1vh) rotate(92deg) scale(.82,1.24)}73%{transform:translate(5vw,7vh) rotate(141deg) scale(1.18,.88)}100%{transform:translate(0,0) rotate(180deg) scale(1,1)}} @keyframes navGlowMid{0%{transform:translate(0,0) rotate(0deg) scale(1,1)}30%{transform:translate(-12vw,9vh) rotate(-52deg) scale(.8,1.3)}55%{transform:translate(-17vw,15vh) rotate(-101deg) scale(1.22,.84)}80%{transform:translate(-6vw,5vh) rotate(-150deg) scale(.9,1.12)}100%{transform:translate(0,0) rotate(-180deg) scale(1,1)}} @keyframes navGlowNear{0%{transform:translate(0,0) rotate(0deg) scale(1,1)}18%{transform:translate(8vw,-4vh) rotate(30deg) scale(1.35,.72)}44%{transform:translate(14vw,10vh) rotate(88deg) scale(.78,1.3)}70%{transform:translate(2vw,13vh) rotate(135deg) scale(1.2,.9)}100%{transform:translate(0,0) rotate(180deg) scale(1,1)}} .nav-menu-vignette{display:block;position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 45%,transparent 45%,rgba(0,0,0,.55) 100%);pointer-events:none} .nav-menu-frosted{display:block;position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 18%,#000 58%);mask-image:linear-gradient(180deg,transparent 0%,transparent 18%,#000 58%);background:linear-gradient(180deg,rgba(15,3,3,0) 0%,rgba(15,3,3,.32) 45%,rgba(10,2,2,.5) 100%);backdrop-filter:blur(1px) saturate(1.35);-webkit-backdrop-filter:blur(1px) saturate(1.35)} .nav-menu-card::after{content:'';position:absolute;inset:0;background-image:var(--glass-grain);opacity:.2;mix-blend-mode:overlay;pointer-events:none} .nav.menu-open .nav-menu-card{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s var(--ease-apple),visibility 0s} .nav-menu-card .nav-link{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sp-3);padding:var(--sp-4) 0;background:none;box-shadow:none;border-radius:0;font-size:clamp(1.75rem,8vw,2.5rem);font-weight:200;line-height:1;letter-spacing:0;white-space:nowrap;text-transform:var(--titulares-tt);color:var(--c-white);-webkit-tap-highlight-color:transparent} @keyframes navRowSettle{ 0%{opacity:0;transform:translateY(.75rem);filter:blur(6px)} 60%{filter:blur(0)} 100%{opacity:1;transform:translateY(0);filter:blur(0)} } .nav.menu-open .nav-link{animation:navRowSettle .5s var(--ease-apple) both} .nav.menu-open .nav-link:nth-of-type(1){animation-delay:.12s} .nav.menu-open .nav-link:nth-of-type(2){animation-delay:.19s} .nav.menu-open .nav-link:nth-of-type(3){animation-delay:.26s} .nav.menu-open .nav-link:nth-of-type(4){animation-delay:.33s} .nav-menu-card .nav-link::after{content:'';width:2.25rem;height:2.25rem;flex-shrink:0;background:url("https://res.cloudinary.com/duuq8lnz5/image/upload/v1772789662/ic_arrow_next_vrvcpy.svg") center/1.5rem no-repeat;filter:brightness(0) invert(1);transform:translateY(var(--nav-arrow-lift));transition:transform .3s var(--ease)} .nav-menu-card .nav-link:active::after{transform:translateY(var(--nav-arrow-lift)) translateX(var(--sp-1))} .nav-menu-card .nav-link.active{color:var(--c-red);font-style:italic;position:relative;left:var(--sp-4);gap:var(--sp-7);transition:left .4s var(--ease-apple),color .4s var(--ease)} .nav-menu-card .nav-link.active::after{display:none} .nav-menu-card{background:#0C0C0E} .nav.menu-open::before{background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);opacity:1;mix-blend-mode:normal} .nav::after{content:'';position:absolute;inset:0;border-radius:var(--radius-pill);padding:1px;background:radial-gradient(4.5rem 2rem at 2.5rem 0,rgba(255,255,255,.30),rgba(255,255,255,0)),radial-gradient(4.5rem 2rem at calc(100% - 2.5rem) 100%,rgba(255,255,255,.16),rgba(255,255,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2;pointer-events:none} .nav-menu-card .nav-link{font-weight:300;letter-spacing:-.015em;text-transform:none;background:linear-gradient(94deg,#CCCCD6 1%,#FFFFFF 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .nav-menu-card .nav-link.active{background:none;-webkit-text-fill-color:var(--c-red)} .nav-menu-card .nav-link::after{transition:transform .3s var(--ease)} .nav-menu-card .nav-link:not(.active):is(:hover,:active,:focus-visible){background:none;-webkit-text-fill-color:var(--c-red)} .nav-menu-card .nav-link:not(.active):is(:hover,:active,:focus-visible)::after{width:2.25rem;left:50%;transform:translateY(var(--nav-arrow-lift)) translateX(var(--sp-2));filter:brightness(0) invert(13%) sepia(99%) saturate(7480%) hue-rotate(353.5deg) brightness(104%) contrast(118%)} .nav-hamburger{transition:transform .55s cubic-bezier(.34,1.45,.5,1)} .first-visit .nav{animation:fadeIn .8s var(--enter-nav-delay) var(--ease) forwards} body.detail-open .nav{display:none} body.detail-blur main{filter:blur(6px)} .nav-link{transition:color .5s var(--ease-apple)} .nav-link::after{transition:width .5s var(--ease-apple),left .5s var(--ease-apple)} .footer{padding-bottom:calc(var(--sp-4) + 4rem)} body{padding-bottom:var(--sp-4)} .hero,.hero-video{padding-bottom:5rem} .event-detail.open::before,.event-detail.open::after{animation:none} .event-card:hover .event-card-img{animation:none} .event-card:hover .event-card-img-wrap::before,.event-card:hover .event-card-img-wrap::after{animation:none} ::view-transition-old(root),::view-transition-new(root){animation:none} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important} .scroll-indicator{animation:none;opacity:1} .scroll-indicator::after{animation:none} .event-card:hover .event-card-img{animation:none} .event-card:hover .event-card-img-wrap::before,.event-card:hover .event-card-img-wrap::after{animation:none} .event-detail.open::before,.event-detail.open::after{animation:none} .nav-logo a:hover{filter:none} .reveal{opacity:1;transform:none} .section-contacto{opacity:1;transform:none} .first-visit .side-text,.first-visit .icon-corner,.first-visit .nav{opacity:1;animation:none} .detail-gallery > *{clip-path:inset(0);opacity:1} .event-card{opacity:1 !important;transform:none !important;clip-path:none !important} } @supports (animation-timeline:view()){ @media(min-width:769px) and (hover:hover) and (prefers-reduced-motion:no-preference){ .footer{view-timeline-name:--footer-view;view-timeline-axis:block} .footer::before{animation:nk-footer-rise linear both;animation-timeline:--footer-view;animation-range:entry 0% entry 100%;will-change:transform} @keyframes nk-footer-rise{from{transform:translateY(60%)}to{transform:translateY(0)}} } } @supports (animation-timeline:view()){ @media(max-width:768px) and (prefers-reduced-motion:no-preference){ .footer{ view-timeline-name:--footer-view;view-timeline-axis:block; --footer-rise-m:4rem; --footer-logo-x-m:1.6; --footer-logo-start-m:45%; --footer-info-start-m:70%; --footer-end-m:100%; --footer-fade-m:0 } .footer::before{animation:nk-footer-rise-m linear both;animation-timeline:--footer-view;animation-range:entry var(--footer-logo-start-m) entry var(--footer-end-m);will-change:transform} .footer-bottom{animation:nk-footer-info-m linear both;animation-timeline:--footer-view;animation-range:entry var(--footer-info-start-m) entry var(--footer-end-m);will-change:transform,opacity} @keyframes nk-footer-rise-m{from{transform:translateY(calc(var(--footer-rise-m) * var(--footer-logo-x-m)))}to{transform:translateY(0)}} @keyframes nk-footer-info-m{from{transform:translateY(var(--footer-rise-m));opacity:var(--footer-fade-m)}to{transform:translateY(0);opacity:1}} } } .btn-primary.is-sending::before{content:'';position:absolute;inset:0;z-index:0;background:var(--c-red);transform:scaleX(var(--nk-fill,0));transform-origin:left center;border-radius:inherit} .btn-primary.is-sending span{color:var(--c-white)} .btn-primary.is-sending img{opacity:1} .btn-primary.is-sending{cursor:progress} .nk-sent{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:var(--sp-3);background:rgba(8,8,10,.56);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .4s var(--ease-apple),visibility 0s .4s} .nk-sent.is-open{opacity:1;visibility:visible;transition:opacity .4s var(--ease-apple),visibility 0s} .nk-sent__card{position:relative;box-sizing:border-box;display:grid;grid-template-columns:18rem 1fr;width:min(100%,44rem);overflow:hidden;background:var(--e-2);border:1px solid rgba(255,255,255,.06);border-radius:2rem;box-shadow:var(--sh-2);transform:translateY(var(--sp-3)) scale(.96);transition:transform .6s var(--ease-apple)} .nk-sent.is-open .nk-sent__card{transform:none} .nk-sent__media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--e-1)} .nk-sent__zoom{position:absolute;inset:0;transform:scale(1.08);transition:transform 1.2s var(--ease-apple)} .nk-sent.is-open .nk-sent__zoom{transform:none} .nk-sent__media img{display:block;width:100%;height:100%;object-fit:cover} .nk-sent__body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:var(--sp-6) calc(var(--sp-3) + 2.75rem + var(--sp-3)) var(--sp-6) var(--sp-6)} .nk-sent__icon-slot{display:block;flex:none;margin:0 0 calc(var(--sp-3) - var(--sp-1));color:var(--c-success)} .nk-sent__icon{display:block;width:auto;height:1.75rem;overflow:visible;stroke:currentColor;stroke-width:.5;stroke-linejoin:round} .nk-sent__title{margin:0 0 var(--sp-3);font-size:1.5rem;font-weight:500;line-height:1.14;letter-spacing:-.015em;color:#FFF} .nk-sent__text{margin:0;font-size:1.0625rem;font-weight:300;line-height:1.38;color:#FFF;text-wrap:pretty} .nk-sent__close{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:2;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:none;border-radius:50%;box-shadow:var(--glass-shadow);cursor:pointer;transition:transform .3s var(--ease),background .3s var(--ease);-webkit-tap-highlight-color:transparent} .nk-sent__close:hover{background:var(--glass-tint-dense);transform:rotate(90deg)} .nk-sent__close:focus-visible{outline:2px solid var(--c-white);outline-offset:2px} .nk-sent__close span{display:block;position:relative;width:1rem;height:1rem} .nk-sent__close span::before,.nk-sent__close span::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:1.5px;background:var(--c-white);border-radius:1px} .nk-sent__close span::before{transform:translate(-50%,-50%) rotate(45deg)} .nk-sent__close span::after{transform:translate(-50%,-50%) rotate(-45deg)} @media(max-width:768px){ .nk-sent__card{grid-template-columns:1fr;width:min(100%,26rem);border-radius:1.5rem} .nk-sent__media{aspect-ratio:4/3} .nk-sent__body{padding:var(--sp-6) var(--sp-4) var(--sp-7)} .nk-sent__icon-slot{margin-bottom:calc(var(--sp-3) - var(--sp-1))} .nk-sent__title{font-size:1.375rem;margin-bottom:calc(var(--sp-3) - var(--sp-1))} .nk-sent__close,.nk-sent__close:hover{width:3.5rem;height:3.5rem;background:var(--c-black)} .nk-sent__close span{width:1.375rem;height:1.375rem} } @media(prefers-reduced-motion:reduce){ .nk-sent,.nk-sent.is-open,.nk-sent__card,.nk-sent__zoom{transition:none} .nk-sent__card,.nk-sent__zoom{transform:none} } .ft-wm{display:none} @media(min-width:769px) and (hover:hover) and (prefers-reduced-motion:no-preference),(max-width:768px) and (prefers-reduced-motion:no-preference){ .footer.footer--toast{padding-top:calc(var(--sp-10) + var(--sp-11))} .footer--toast::before{display:none} .ft-wm{--ft-logo:url('https://res.cloudinary.com/duuq8lnz5/image/upload/v1772706839/Logo_Nomikai_o0shob.svg');display:block;position:relative;flex:none;width:100%;aspect-ratio:4.5/1;margin-bottom:var(--sp-7)} .ft-wm>i{position:absolute;inset:0;display:block;-webkit-mask:var(--ft-logo) center/100% auto no-repeat;mask:var(--ft-logo) center/100% auto no-repeat} .ft-glass{overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.108),rgba(255,255,255,.03) 55%,rgba(255,255,255,.06))} .ft-blob{position:absolute;top:-40%;left:-10%;width:45%;height:180%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.12),transparent);animation:ftDrift 16s ease-in-out infinite alternate} .ft-blob--b{left:55%;width:38%;animation-duration:21s;animation-direction:alternate-reverse} .ft-sheen{position:absolute;top:0;bottom:0;left:0;width:28%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translateX(-120%);animation:ftSheen 7s cubic-bezier(.45,0,.2,1) infinite} .ft-wm>.ft-rim--l{background:rgba(255,255,255,.5);-webkit-mask:var(--ft-logo) center/100% auto no-repeat,var(--ft-logo) calc(50% + 1.5px) calc(50% + 1.5px)/100% auto no-repeat;-webkit-mask-composite:source-out;mask:var(--ft-logo) center/100% auto no-repeat,var(--ft-logo) calc(50% + 1.5px) calc(50% + 1.5px)/100% auto no-repeat;mask-composite:subtract} .ft-wm>.ft-rim--r{background:rgba(255,255,255,.175);-webkit-mask:var(--ft-logo) center/100% auto no-repeat,var(--ft-logo) calc(50% - 1px) calc(50% - 1px)/100% auto no-repeat;-webkit-mask-composite:source-out;mask:var(--ft-logo) center/100% auto no-repeat,var(--ft-logo) calc(50% - 1px) calc(50% - 1px)/100% auto no-repeat;mask-composite:subtract} .ft-cv{position:absolute;inset:0;display:block;width:100%;height:100%} .ft-glass,.ft-wm>.ft-rim{transition:opacity .5s var(--ease)} .ft-wm.ft-full>.ft-glass,.ft-wm.ft-full>.ft-rim{opacity:0} .ft-wm.ft-glgl>.ft-glass,.ft-wm.ft-glgl>.ft-rim{display:none} .ft-wm>.ft-fill.ft-gl{-webkit-mask:none;mask:none} .ft-kp{position:absolute;left:50%;bottom:calc(100% + var(--sp-3));width:0;height:calc(2.75rem * 28.33 / 27.84);pointer-events:none} .ft-copa{position:absolute;bottom:0;left:0;width:2.75rem;height:auto;color:var(--c-white);overflow:visible;stroke:currentColor;stroke-width:.5;stroke-linejoin:round;transform-origin:50% 100%;opacity:0} .ft-spark{position:absolute;left:0;bottom:0;width:2px;height:var(--sp-3);margin-left:-1px;background:var(--c-white);border-radius:2px;transform-origin:50% 100%;opacity:0} .ft-txt{position:absolute;left:50%;bottom:calc(100% + var(--sp-3));transform:translateX(-50%);white-space:nowrap;font-family:var(--font);font-size:clamp(2rem,3.2vw,3.5rem);font-weight:500;line-height:1.1;background:linear-gradient(94deg,#CCCCD6 1%,#FFFFFF 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:.1em .1em .2em;opacity:0} .ft-drop{position:absolute;left:0;top:0;width:var(--ft-dr,6px);height:var(--ft-dr,6px);margin:calc(var(--ft-dr,6px) / -2) 0 0 calc(var(--ft-dr,6px) / -2);border-radius:50%;background:var(--c-white);pointer-events:none;opacity:0} .footer--toast:not(.ft-vis) .ft-wm *{animation-play-state:paused} @keyframes ftDrift{to{transform:translateX(70%)}} @keyframes ftSheen{0%{transform:translateX(-120%)}55%,100%{transform:translateX(420%)}} } @media(max-width:768px) and (prefers-reduced-motion:no-preference){ .footer.footer--toast{padding-top:calc(var(--sp-12) + var(--sp-10));--footer-logo-start-m:63%;--footer-info-start-m:80%} .ft-wm{margin-bottom:var(--sp-4);touch-action:pan-y;-webkit-tap-highlight-color:transparent} .ft-kp{bottom:calc(100% + var(--sp-6));height:calc(2.5rem * 28.33 / 27.84)} .ft-copa{width:2.5rem} .ft-txt{font-size:2.5rem;bottom:calc(100% + var(--sp-4))} .ft-glass{background:linear-gradient(160deg,rgba(255,255,255,.072),rgba(255,255,255,.02) 55%,rgba(255,255,255,.04))} .ft-blob{background:radial-gradient(closest-side,rgba(255,255,255,.08),transparent)} .ft-sheen{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.13) 50%,transparent 100%)} .ft-wm>.ft-rim--l{background:rgba(255,255,255,.4);-webkit-mask:var(--ft-logo) center/100% auto no-repeat,var(--ft-logo) calc(50% + .75px) calc(50% + .75px)/100% auto no-repeat;-webkit-mask-composite:source-out;mask:var(--ft-logo) center/100% auto no-repeat,var(--ft-logo) calc(50% + .75px) calc(50% + .75px)/100% auto no-repeat;mask-composite:subtract} .ft-wm>.ft-rim--r{background:rgba(255,255,255,.14);-webkit-mask:var(--ft-logo) center/100% auto no-repeat,var(--ft-logo) calc(50% - .5px) calc(50% - .5px)/100% auto no-repeat;-webkit-mask-composite:source-out;mask:var(--ft-logo) center/100% auto no-repeat,var(--ft-logo) calc(50% - .5px) calc(50% - .5px)/100% auto no-repeat;mask-composite:subtract} } @supports (animation-timeline:view()){ @media(min-width:769px) and (hover:hover) and (prefers-reduced-motion:no-preference){ .footer--toast .ft-wm{animation:nk-footer-rise linear both;animation-timeline:--footer-view;animation-range:entry 0% entry 100%} } } @supports (animation-timeline:view()){ @media(max-width:768px) and (prefers-reduced-motion:no-preference){ .footer--toast .ft-wm{animation:nk-footer-rise-m linear both;animation-timeline:--footer-view;animation-range:entry var(--footer-logo-start-m) entry var(--footer-end-m);will-change:transform} } } .faq-eyebrow{font-size:.9375rem;font-weight:400;line-height:1.2;letter-spacing:.22em;text-transform:uppercase;color:var(--c-red)} .faq-list{display:flex;flex-direction:column;gap:var(--sp-3);interpolate-size:allow-keywords} .faq-item{border:1px solid rgba(255,255,255,.14);border-radius:1.25rem;scroll-margin-top:var(--sp-11);transition:border-color var(--dur-fast) var(--ease)} .faq-item[open]{border-color:#FFFFFF} .faq-sum{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);list-style:none;-webkit-tap-highlight-color:transparent;transition:padding-bottom .5s var(--ease-apple)} .faq-sum::-webkit-details-marker{display:none} .faq-item[open] .faq-sum{padding-bottom:var(--sp-4)} .faq-sum:focus-visible{outline:none} .faq-item:has(.faq-sum:focus-visible){outline:2px solid var(--c-red);outline-offset:var(--sp-1)} .faq-q{max-width:32em;font-size:clamp(1.0625rem,.6rem + .6vw,1.25rem);font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--c-white);text-wrap:balance} .faq-icon{position:relative;flex:none;width:1.5rem;height:1.5rem;color:var(--c-white)} .faq-icon svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .3s var(--ease),transform .5s var(--ease-apple)} .faq-icon__minus{opacity:0} .faq-item[open] .faq-icon__plus{opacity:0;transform:rotate(90deg)} .faq-item[open] .faq-icon__minus{opacity:1} @media(hover:hover) and (pointer:fine){ .faq-list:not(.is-scrolling) .faq-item:not([open]):hover{border-color:rgba(255,255,255,.9)} } .faq-a{max-width:calc(40em + 2 * var(--sp-6));padding:0 var(--sp-6) var(--sp-5)} .faq-a p{font-size:clamp(1rem,.45rem + .6vw,1.0625rem);font-weight:300;line-height:1.44;color:#FFFFFF;text-wrap:pretty} .faq-a p+p{margin-top:var(--sp-3)} @supports selector(::details-content){ .faq-item::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .5s var(--ease-apple),opacity .4s var(--ease),content-visibility .5s allow-discrete} .faq-item[open]::details-content{block-size:auto;opacity:1} } @media(prefers-reduced-motion:reduce){.faq-icon svg,.faq-sum,.faq-item::details-content{transition:none}} .faq-teaser{--ft-title:clamp(2.5rem,4.05vw,4.5rem);--ft-title-lh:1.07;position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;padding:var(--sp-11) var(--sp-9) 0;background:var(--c-black);text-align:center} .faq-teaser>*{width:100%;max-width:48rem} .faq-teaser__title{width:fit-content;max-width:none;margin:calc(var(--sp-3) - .12em) 0 -.2em;padding-block:.12em .2em;font-size:var(--ft-title);font-weight:500;line-height:var(--ft-title-lh);letter-spacing:-.015em;color:var(--c-white)} @supports ((-webkit-background-clip:text) or (background-clip:text)){ .faq-teaser__title{background-image:linear-gradient(94deg,#CCCCD6 1%,#FFFFFF 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent} } .faq-teaser .faq-list{margin-top:var(--sp-7);text-align:left} .faq-teaser__cta{display:flex;justify-content:center;margin-top:var(--sp-6)} @media(min-width:769px){.faq-teaser{padding-bottom:var(--sp-3)}} .btn-light{display:inline-flex;align-items:center;font-family:var(--font);font-size:1rem;font-weight:500;letter-spacing:.05em;color:var(--c-black);background:var(--c-white);padding-block:calc(var(--sp-3) + var(--sp-1));border:0;border-radius:var(--radius-pill);box-shadow:var(--sh-1);-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform .4s var(--ease)} .btn-light img{filter:brightness(0);transition:transform .4s var(--ease),filter var(--dur-fast) var(--ease)} .btn-light:active{transform:scale(.98)} .btn-light:focus-visible{outline:2px solid var(--c-red);outline-offset:var(--sp-1)} @media(hover:hover) and (pointer:fine){.btn-light:hover{background:var(--c-red);color:var(--c-white);transform:translateY(-2px)}.btn-light:hover img{filter:brightness(0) invert(1)}} @media(max-width:768px){ .faq-eyebrow{font-size:.8125rem;letter-spacing:.18em} .faq-list{gap:calc(var(--sp-3) - var(--sp-1))} .faq-item{border-radius:1rem} .faq-item[open]{border-color:rgba(255,255,255,.8)} .faq-sum{gap:var(--sp-3);padding:var(--sp-4) 1.25rem} .faq-a{padding:0 1.25rem var(--sp-4)} .faq-q{font-size:1.0625rem} .faq-a p{font-size:.9375rem;line-height:1.53} .faq-teaser{--ft-title:clamp(2rem,8.5vw,2.75rem);--ft-title-lh:1.17;align-items:flex-start;padding:var(--sp-7) 1.25rem 0;text-align:left} .faq-teaser>*{max-width:none} .faq-teaser__title{margin-top:calc(var(--sp-2) - .12em)} .faq-teaser .faq-eyebrow{text-indent:calc(.0898 * var(--ft-title) - .1001em)} .faq-teaser .faq-list{margin-top:var(--sp-5)} .faq-teaser__cta{margin-top:var(--sp-6)} .btn-light{justify-content:center;height:var(--sp-8);width:14rem;padding:0 var(--sp-6)} } @media(max-width:768px){ body .section-contacto{--contacto-h2:clamp(2.25rem,9.5vw,3rem)} body .section-contacto .contacto-left h2{font-size:var(--contacto-h2)} body .section-contacto .contacto-left p:not(.h-eyebrow) strong{display:inline-block;margin-top:var(--sp-2)} body .section-contacto .contacto-whatsapp,body .section-contacto .contacto-instagram{margin-top:var(--sp-4)} body .section-contacto #btn-enviar,body .section-contacto #d-btn-enviar{margin-top:var(--sp-4)} }