:root{--ink: #000000;--white: #ffffff;--off: #e8e8e9;--bg-app: rgb(0, 0, 0, 0);--muted: #000000;--muted2: #000000;--hair: rgba(0, 0, 0, .2);--hairDark: rgba(0, 0, 0, .3);--accent: #2667e0;--accent-dark: #1e50af;--shadow: 0 26px 90px rgba(0, 0, 0, .22);--radius: 18px;--sans: "Montserrat", sans-serif;--serif: "Baskerville Display PT", serif}:root{--pad: clamp(18px, 2.2vw, 38px);--gap-title-rule: clamp(16px, 3vw, 36px);--gap-rule-body: clamp(24px, 4vw, 48px);--rule-width: clamp(50px, 8vw, 92px);--rule-height: 5px;--cierre-gap-title-rule: clamp(8px, 1.5vw, 18px);--cierre-gap-rule-body: clamp(8px, 1.5vw, 18px);--topbar-pad-top: 40px;--glass-bg: rgba(232, 232, 233, .05);--glass-blur: 5px;--glass-fade-width: clamp(20px, 5vw, 60px);--atom-size: clamp(280px, 30vw, 440px);--logo-ratio: 2;--logo-size: calc(var(--atom-size) * var(--logo-ratio));--circle-radius: clamp(500px, 60vw, 850px);--scroll-friction: .97;--scroll-tape-length: 4500;--scroll-arrow-ease: .015}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Baskerville Display PT;src:url(/portfolio/demos/landing/fonts/BaskervilleDisplayPT-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Baskerville Display PT;src:url(/portfolio/demos/landing/fonts/BaskervilleDisplayPT-Italic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Baskerville Display PT;src:url(/portfolio/demos/landing/fonts/BaskervilleDisplayPT-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Baskerville Display PT;src:url(/portfolio/demos/landing/fonts/BaskervilleDisplayPT-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#000;opacity:.7}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:var(--sans);color:#000!important}p,li,b,strong,.cuerpo,.cuerpo2,.subtitulo1,.subtitulo2,.subtitulo3,.subtitulo4,.kicker,.note,.lead,.piedefoto1,.piedefoto2{color:#000}span.dot-separator,.miniDot{color:#000!important;background-color:#000!important}.titulo{font-family:var(--serif);font-size:clamp(30px,9vw,62px);line-height:1.05;font-weight:700;color:#000;margin-bottom:var(--gap-title-rule)!important;display:block}.tituloacento{font-family:var(--serif);font-size:clamp(30px,9vw,62px);line-height:1.05;font-weight:700;color:var(--white);margin-bottom:var(--gap-title-rule)!important;display:inline}.subtitulo1,.slide-title{font-family:var(--serif);font-size:clamp(24px,8vw,60px);line-height:1.05;font-weight:400;color:#000;margin-bottom:var(--gap-title-rule)!important;display:block}.subtitulo3{font-family:var(--serif);font-size:clamp(12px,2.5vw,18px);line-height:1.2;font-weight:400;font-style:normal;color:#000}.subtitulo2{font-family:var(--serif);font-size:clamp(18px,4vw,24px);line-height:1.2;font-weight:400;font-style:italic;color:#000}.cuerpo{font-family:var(--sans);font-size:clamp(12px,3vw,14px);line-height:1.4;font-weight:400;color:#000;text-align:start;white-space:pre-line}.cuerpotarjetas{font-family:var(--sans);font-size:clamp(11px,1.8vw,13px);line-height:1.4;font-weight:400;color:#000;text-align:start;white-space:pre-line}.cuerpo2{font-family:var(--sans);font-size:clamp(14px,3.5vw,16px);line-height:1.4;font-weight:400;color:#000;text-align:start;white-space:pre-line}.subtitulo4{font-family:var(--sans);font-size:clamp(16px,4vw,18px);line-height:1.2;font-weight:700;color:#000}.subtitulo5{font-family:var(--sans);font-size:clamp(9.5px,1.8vw,11px);line-height:1.2;font-weight:400;text-transform:uppercase;color:#202020}.cuerpo2 strong,.cuerpo2 b{font-weight:700;color:inherit}.piedefoto1{font-family:var(--sans);font-size:12px;font-weight:700;text-transform:uppercase;color:#000}.piedefoto2{font-family:var(--sans);font-size:clamp(9.5px,1.8vw,11px);font-weight:400;font-style:normal;color:#000}.etiqueta-tarjeta{font-family:var(--sans);font-size:clamp(12px,2vw,14px);line-height:1.4;font-weight:700;color:#000}.especial1{font-family:var(--sans);font-size:clamp(28px,6vw,50px);line-height:1.05;font-weight:700;color:#000;text-align:center}.lema{font-family:var(--serif);font-size:clamp(30px,9vw,62px);line-height:1.1;font-weight:700;color:var(--accent);text-align:center;max-width:900px;margin:0 auto}.fase-titulo{font-family:var(--sans);font-size:18px;font-weight:700;color:#000;line-height:1.2}.fase-subtitulo{font-family:var(--sans);font-size:15px;font-weight:500;color:#000;line-height:1.4}.boton1{font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1}.boton2{font-family:var(--serif);font-size:14px;font-weight:400;line-height:1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(pointer:fine){*{cursor:none!important}.custom-cursor,.custom-cursor-dot{display:block!important}}@media(pointer:coarse){.custom-cursor,.custom-cursor-dot{display:none!important}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:var(--bg-app);font-family:var(--sans);overflow:hidden;color:#fff}.stage{width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-app);display:flex;align-items:center;justify-content:center;position:relative}.view-viewport{perspective:1200px;width:100%;height:100%;position:relative}.deck-wrapper,.moodboard-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;transform-style:preserve-3d}.slide{width:100%;height:100%;position:relative;overflow:hidden}.layer-bg{z-index:0}.layer-panels{z-index:10}.layer-text{z-index:20}.layer-ui{z-index:100}@media(max-width:980px){.heroPanel,.photoSlide .content{left:var(--pad);right:var(--pad);width:auto}.cols2,.prodGrid{grid-template-columns:1fr}.row{grid-template-columns:110px 1fr}}.topbar{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--ui-width);height:72px;display:flex;align-items:center;justify-content:space-between;padding:var(--topbar-pad-top) clamp(24px,4vw,60px) 0 clamp(24px,4vw,60px);z-index:100;pointer-events:none;transition:padding .4s ease}@media(max-width:600px){.topbar{padding:20px 14px 0}.brand-logo{height:42px}.burger{width:38px;height:38px}}.brand{pointer-events:auto;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.burger{pointer-events:auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--ui-color);opacity:.8;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.23,1,.32,1)}.burger:hover{background:var(--ui-color);opacity:1;transform:scale(1.05)}.burger:hover svg{fill:var(--off)}.brand-logo{height:57px;width:auto;display:block;transition:fill .4s ease}.burger svg{width:18px;height:18px;fill:var(--ui-color)}.hud{position:absolute;bottom:clamp(14px,4vw,32px);left:50%;transform:translate(-50%);width:100%;max-width:var(--ui-width);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,60px);gap:10px;z-index:60;pointer-events:none}.pill{pointer-events:auto;border:1px solid var(--ui-color);background:transparent;padding:10px 12px;border-radius:999px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ui-color);-webkit-user-select:none;user-select:none;opacity:.8}.hudBtns{pointer-events:auto;display:flex;gap:10px;align-items:center}.btn{cursor:pointer;border:1px solid var(--ui-color);background:transparent;color:var(--ui-color);padding:10px 18px;border-radius:999px;font-size:12px;transition:.18s ease;opacity:.8}.btn:hover{transform:translateY(-1px);background:var(--ui-color);color:var(--off);opacity:1}.btn:active{transform:translateY(0)}.dots{position:absolute;bottom:clamp(14px,4vw,32px);left:50%;transform:translate(-50%);width:100%;max-width:var(--ui-width);display:flex;justify-content:center;gap:8px;z-index:60;pointer-events:none}.dots button{pointer-events:auto}.dots button{width:6px;height:6px;border-radius:999px;border:none;background:var(--ui-color);opacity:.2;cursor:pointer;transition:.16s ease}.dots button.active{background:var(--accent);opacity:1;transform:scale(1.3)}@media(max-width:600px){.hud{bottom:12px;padding:0 14px;flex-direction:column-reverse;align-items:flex-end;gap:8px}.pill{font-size:10px;padding:6px 10px;align-self:flex-start}.btn{font-size:10px;padding:8px 10px}.dots{bottom:12px}.dots button{width:5px;height:5px}}.heroSlide{background:transparent!important}.heroSplit{height:100%;position:relative}.heroImg{position:absolute;inset:0;overflow:hidden;background:transparent;z-index:0}.heroImg .img{position:absolute;inset:0;background:url(/hero.jpg) center / cover no-repeat;filter:saturate(1.02) contrast(1.02);transform:scale(1.02)}.heroImg .shade{position:absolute;inset:0;background:transparent;pointer-events:none}.heroPanel{background:transparent;color:var(--white);position:absolute;right:0;top:0;bottom:0;width:min(45%,650px);display:flex;flex-direction:column;justify-content:center;padding:0;z-index:10}.heroPanel .glass-panel{border-left:none;box-shadow:none;width:100%}.lead{margin-top:18px;max-width:100%}.em{font-weight:700;color:#000}.uMark{display:inline-block;font-weight:700}.uMark:after{content:""}.text-terracota{color:#000}.cta{margin-top:22px;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:6px;border:none;background:#00000080;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.18s ease}.cta:hover{transform:translateY(-1px);background:#0000009e}.cta.terracota{background:var(--accent)}.cta.terracota:hover{background:var(--accent-dark)}.cta.ghost{background:#ffffffbf;color:#000000d1;border:1px solid rgba(0,0,0,.18)}.photoSlide{height:100%;position:relative;overflow:hidden;background:transparent}.photoSlide .bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(1.02) contrast(1.02)}.photoSlide .shade{position:absolute;inset:0;background:transparent;pointer-events:none}.photoSlide .content{position:absolute;right:0;top:0;bottom:0;width:min(45%,650px);z-index:10;color:var(--white)}.kicker{margin-bottom:8px}.bullets{margin-top:0;display:grid;gap:14px}.bullets b{color:#000}.bullets .item{display:flex;gap:12px;align-items:flex-start}.miniDot{width:7px;height:7px;border-radius:999px;background:#000;margin-top:10px;flex:0 0 auto}.note{margin-top:0;max-width:70ch}.paper{height:100%;background:transparent;color:#000;padding:clamp(32px,6vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative}.paper:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 520px at 20% 15%,rgba(0,0,0,.04),transparent 62%),radial-gradient(900px 520px at 80% 85%,rgba(0,0,0,.03),transparent 62%);pointer-events:none}.paper>*{position:relative;z-index:2}.h2dark{margin:0}.rule{height:var(--rule-height);width:var(--rule-width);background:var(--accent);margin:0 0 var(--gap-rule-body) 0;display:block}section.slide-cierre h2.subtitulo1{margin-bottom:var(--cierre-gap-title-rule)!important}section.slide-cierre .rule{margin-bottom:var(--cierre-gap-rule-body)!important}.subLead{margin:0;max-width:95ch}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.cols3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:24px}.box{border:1px solid rgba(0,0,0,.12);background:#fffc;border-radius:14px;padding:32px}.box h3{margin:0}.box .subtitulo5{margin-top:10px}.box ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}.box li{display:flex;gap:10px;align-items:flex-start}.tick{width:18px;height:18px;display:grid;place-items:center;margin-top:2px;flex:0 0 auto}.tick svg{width:16px;height:16px;fill:var(--accent)}.box .value{margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,.1)}.prodGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.prod{border:1px solid rgba(0,0,0,.12);background:#ffffffdb;border-radius:14px;padding:40px 32px;display:flex;flex-direction:column;height:100%}.prod h3{margin:0;display:flex;align-items:center;gap:10px}.prod h3 .mark{width:8px;height:8px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 4px #2667e024;flex-shrink:0}.prod .tag{display:flex;align-items:center;color:#0009}.prod .uMark,.prod p b:first-child{color:var(--accent)!important}.prod .uMark{color:var(--accent)}.prod p{margin:10px 0 0}.rows{margin-top:20px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1);display:grid;gap:12px}.row{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:baseline}.rows.revealed{flex:1;display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(0,0,0,.1);margin-top:20px;gap:20px;padding-top:15px}.rows.revealed .row{grid-template-columns:4fr 6fr;text-align:center;font-size:clamp(16px,1.2vw,20px);align-items:center;gap:24px}.rows.revealed .row b{color:var(--accent);font-size:inherit}.rows.revealed .row span{line-height:1.4;font-weight:700;color:#000}.ctaRow{margin-top:auto;padding-top:32px;display:flex;gap:10px;flex-wrap:wrap}.ctaRow .cta{margin-top:0}.contact{margin-top:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#000}.contact a{color:#000;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.5)}.glass-panel{background-color:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(100%) contrast(100%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(100%) contrast(100%);mask-image:linear-gradient(to right,transparent,black var(--glass-fade-width));-webkit-mask-image:linear-gradient(to right,transparent,black var(--glass-fade-width));height:100%;min-width:45%;max-width:650px;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,100px);position:relative;z-index:10;overflow:visible;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);transform-style:preserve-3d;will-change:mask-image,backdrop-filter,transform}@media(max-width:980px){.glass-panel{min-width:unset;width:100%;padding:clamp(24px,5vw,40px);overflow-y:auto;mask-image:none;-webkit-mask-image:none}.heroPanel,.photoSlide .content{width:auto;left:var(--pad);right:var(--pad)}.paper{padding:clamp(24px,5vw,40px);overflow-y:auto}.ctaRow{flex-direction:column;align-items:stretch}.ctaRow .cta{width:100%}.cols3,.prodGrid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:16px;margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));padding-left:var(--pad);padding-right:var(--pad);scrollbar-width:none}.cols3::-webkit-scrollbar,.prodGrid::-webkit-scrollbar{display:none}.cols3 .box,.prodGrid .prod{flex:0 0 88%;scroll-snap-align:center}}@media(max-width:600px){.glass-panel{padding:24px;border-radius:18px}.paper{padding:24px}.heroPanel,.photoSlide .content{inset:0 14px;padding-top:85px;padding-bottom:95px;display:flex;flex-direction:column;justify-content:center;align-items:center}.heroSplit{display:block}.heroPanel .glass-panel{height:max-content;max-height:100%;overflow-y:auto;width:100%;border-top:none;box-shadow:0 10px 40px #0000004d}.cols3 .box,.prodGrid .prod{flex:0 0 92%}}.lema-slide{height:100%;display:flex;align-items:center;justify-content:center;background:transparent;padding:clamp(32px,6vw,100px);text-align:center}.lema{font-family:var(--serif);font-size:clamp(32px,5vw,72px);font-weight:700;line-height:1.1;color:var(--accent);letter-spacing:-.02em}.moodboard-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:var(--bg-app);position:relative;overflow:hidden}.moodboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1100px;width:100%;perspective:1000px}.moodboard-item{aspect-ratio:16 / 9;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;position:relative;overflow:visible;transition:border-color .3s}.moodboard-item.active{border-color:var(--accent);box-shadow:0 0 30px #2667e066;transform:scale(1.02)}.thumb-wrapper{width:100%;height:100%;position:relative;border-radius:11px;overflow:hidden;background-color:#000;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #00000080}.mini-slide-scaler{width:1920px;height:1080px;transform:scale(.12);transform-origin:top left;position:absolute;top:0;left:0;pointer-events:none}.mini-slide-shield{position:absolute;inset:0;z-index:5;background:#0000001a}.thumb-overlay{position:absolute;inset:0;z-index:10;padding:15px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 60%,#000c);pointer-events:none}.thumb-index{font-size:10px;font-weight:700;color:var(--accent);margin-bottom:2px}.thumb-title{font-size:12px;font-weight:600;margin:0;color:#fff;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-indicator{position:absolute;top:-5px;right:-5px;width:12px;height:12px;background:var(--accent);border-radius:50%;border:2px solid #000}.moodboard-tip{position:absolute;bottom:40px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#fff6;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@media(max-width:980px){.moodboard-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:600px){.moodboard-grid{grid-template-columns:1fr;gap:16px}.moodboard-container{padding:24px var(--pad)}}
