:root{--background-color:#120c08;--menu-width:55%;--menu-right:3.5%;--menu-top:76.5%}*{box-sizing:border-box}html,body{background:var(--background-color);width:100%;height:100%;margin:0}body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit}button,a{touch-action:manipulation}[hidden]{display:none!important}#app{width:100vw;height:100dvh;overflow:hidden}.screen{width:100%;height:100%;position:relative;overflow:hidden}.screen-enter{animation:.26s cubic-bezier(.22,1,.36,1) both screenEnter}.screen-exit{pointer-events:none;animation:.22s both screenExit}@keyframes screenEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes screenExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.992)}}.screen-home{background:var(--background-color);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.home-content{aspect-ratio:16/9;background-image:url(/assets/backgrounds/home_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);position:relative}.home-content:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 75% 80%,#160b0540,#160b0500 70%);width:68%;height:36%;position:absolute;bottom:0;right:0}.screen-home .eyebrow,.screen-home h1,.screen-home .intro-text{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.main-actions{z-index:2;top:var(--menu-top);right:var(--menu-right);width:var(--menu-width);flex-direction:row;justify-content:center;align-items:center;gap:clamp(12px,1.4vw,26px);display:flex;position:absolute}.image-button{cursor:pointer;transform-origin:50%;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;outline:none;flex:1 1 0;min-width:0;padding:0;transition:transform .12s ease-out,filter .12s ease-out;display:block;position:relative}.image-button-experience{aspect-ratio:1652/342;filter:drop-shadow(0 4px 8px #c57d2c29);background-image:url(/assets/ui/btn_experiencia.png);flex-grow:1.035}.image-button-sections{aspect-ratio:1653/342;background-image:url(/assets/ui/btn_secciones.png);flex-grow:.965}.image-button:active{filter:brightness(.84);transform:translateY(3px)scale(.955)}@media (hover:hover){.image-button:hover{filter:brightness(1.05);transform:translateY(-1px)scale(1.015)}.image-button-experience:hover{filter:brightness(1.06)drop-shadow(0 5px 12px #da933e40)}.image-button:hover:active{filter:brightness(.84);transform:translateY(3px)scale(.955)}}.home-control-enter{animation:.42s cubic-bezier(.22,1,.36,1) backwards homeControlEnter;animation-delay:calc(var(--home-index,0) * 80ms)}@keyframes homeControlEnter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.text-button{z-index:2;top:87%;right:var(--menu-right);width:var(--menu-width);color:#fff5e7f5;letter-spacing:.02em;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;outline:none;padding:7px;font-size:clamp(11px,.95vw,16px);font-weight:600;text-decoration:underline;transition:opacity .12s,transform .12s;position:absolute}.text-button:hover{opacity:.8}.text-button:active{transform:scale(.97)}.screen-sections{background:radial-gradient(circle at 50% 40%,#5c3820,#17100c 70%);position:relative}.top-bar,.experience-bar{z-index:20;width:100%;min-height:64px;padding:max(12px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 12px max(18px, env(safe-area-inset-left));align-items:center;gap:18px;display:flex;position:absolute;top:0;left:0}.top-bar{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#140c08f5,#140c08d1)}.experience-bar{background:linear-gradient(#000000b8,#0000)}.back-button{color:#fff3e3;cursor:pointer;background:#23130b9e;border:1px solid #e6ab6040;border-radius:10px;padding:10px 15px;font-weight:600;transition:transform .1s,background .1s,border-color .1s}.back-button:hover{border-color:#e6ab607a}.back-button:active{background:#4e2811d1;transform:translateY(2px)scale(.95)}.sections-header-text{flex-direction:column;gap:2px;display:flex}.sections-header-text strong{color:#fff5e9;font-size:clamp(15px,1.4vw,22px)}.sections-header-text span{color:#fff5e9d1;font-size:clamp(10px,.9vw,13px)}.sections-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:85px 40px 35px;display:flex}.sections-title{text-align:center;margin-bottom:clamp(20px,3vh,36px)}.sections-title h2{color:#fff5e9;margin:0;font-size:clamp(30px,4vw,58px);line-height:1}.sections-title p{color:#fff5e9d1;margin:10px 0 0;font-size:clamp(12px,1.2vw,17px)}.sections-grid{grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px);width:min(1200px,92vw);display:grid}.section-button{cursor:pointer;transform-origin:50%;will-change:transform, filter;background:linear-gradient(135deg,#452312eb,#23140cf0);border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;width:100%;padding:0;transition:transform .12s,filter .12s,background .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #db9f5340,0 7px 15px #00000040}.section-button-image{z-index:2;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block;position:relative}.section-button-enter{animation:.39s cubic-bezier(.22,1,.36,1) backwards sectionButtonEnter;animation-delay:calc(var(--section-index,0) * 55ms)}@keyframes sectionButtonEnter{0%{opacity:0;transform:translateY(10px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@media (hover:hover){.section-button:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.015)}}.section-button:active{filter:brightness(1.1)saturate(1.05);transform:translateY(3px)scale(.955)}.section-button:focus-visible,.image-button:focus-visible,.back-button:focus-visible,.text-button:focus-visible{outline-offset:4px;outline:2px solid #f2b868f2}.screen-experience{background:#000;position:relative}#camera-canvas{z-index:1;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.experience-ui{z-index:5;pointer-events:none;opacity:0;transition:opacity .28s;position:absolute;inset:0}.experience-ui.is-visible{opacity:1}.experience-ui.is-finalizing{opacity:0}.experience-info-card{top:max(16px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);opacity:0;background:linear-gradient(160deg,#22120bdb,#150d09ab);border:1px solid #eeb26547;border-radius:18px;width:clamp(190px,23vw,275px);max-width:28vw;padding:16px 15px 18px;transition:opacity .42s,transform .52s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-12px);box-shadow:0 10px 28px #0000003d}.experience-ui.is-visible .experience-info-card{opacity:1;transform:translate(0)}.experience-ui.ui-right .experience-info-card{left:auto;right:max(18px, env(safe-area-inset-right));transform:translate(12px)}.experience-ui.ui-right.is-visible .experience-info-card{transform:translate(0)}.experience-ui-eyebrow{color:#f1b86aeb;letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px;font-size:clamp(7px,.68vw,9px);font-weight:700;line-height:1.35}.experience-ui-title{color:#fff4e5;letter-spacing:-.025em;overflow-wrap:break-word;margin:0;font-size:clamp(23px,2.4vw,34px);font-weight:700;line-height:1.02}.experience-ui-line{transform-origin:0;background:linear-gradient(90deg,#d48a36,#d48a3600);border-radius:999px;width:46px;height:3px;margin:11px 0 12px;transition:transform .52s cubic-bezier(.22,1,.36,1) .22s;transform:scaleX(0)}.experience-ui.is-visible .experience-ui-line{transform:scaleX(1)}.experience-ui-description{color:#fff4e5e6;letter-spacing:.005em;text-wrap:pretty;max-width:100%;margin:0;font-size:clamp(10.5px,.95vw,13.5px);line-height:1.55}.experience-description-word{opacity:0;display:inline}.experience-ui.is-visible .experience-description-word{animation:.3s forwards experienceWordEnter;animation-delay:calc(.33s + var(--word-index) * 28ms)}@keyframes experienceWordEnter{0%{opacity:0}to{opacity:1}}.experience-back-visual{left:max(18px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));color:#fff2df;letter-spacing:.015em;pointer-events:none;opacity:0;background:linear-gradient(135deg,#4d2812f0,#25160deb);border:1px solid #e9ad5f6b;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:8px;min-width:160px;min-height:44px;padding:9px 16px;font-size:clamp(10px,.95vw,13px);font-weight:700;transition:opacity .42s .26s,transform .48s cubic-bezier(.22,1,.36,1) .26s,filter .12s,background .12s;display:flex;position:absolute;transform:translateY(12px);box-shadow:0 7px 20px #00000047}.experience-ui.is-visible .experience-back-visual{opacity:1;transform:translateY(0)}.experience-ui.is-visible .experience-back-visual.is-pressed{filter:brightness(.86);transform:translateY(3px)scale(.96)}.experience-ui.ui-right .experience-back-visual{left:auto;right:max(18px, env(safe-area-inset-right))}.experience-back-arrow{background:#e49a432e;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:15px;display:inline-flex}.camera-placeholder{z-index:2;text-align:center;background:radial-gradient(circle,#343434,#070707 75%);justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.camera-placeholder h2{margin:0 0 8px}.camera-placeholder p{opacity:.72;margin:0}.camera-symbol{opacity:.45;margin-bottom:12px;font-size:clamp(50px,8vw,90px)}.modal{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#000000c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{text-align:center;background:linear-gradient(135deg,#412414,#20140d);border:1px solid #ffd08933;border-radius:20px;width:min(440px,90vw);padding:30px;box-shadow:0 20px 70px #00000073}.modal-card h2{margin:0 0 14px}.modal-card p{opacity:.85;margin:0 0 24px;line-height:1.55}.main-button{cursor:pointer;border:0;border-radius:12px;min-width:190px;padding:13px 22px;font-weight:700;transition:transform .1s,filter .1s}.primary-button{color:#211208;background:linear-gradient(135deg,#df9d45,#a95e13)}.main-button:hover{filter:brightness(1.06)}.main-button:active{transform:translateY(2px)scale(.96)}.rotate-device{display:none}@media (orientation:portrait) and (width<=900px){.rotate-device{z-index:99999;padding:max(30px, env(safe-area-inset-top)) max(30px, env(safe-area-inset-right)) max(30px, env(safe-area-inset-bottom)) max(30px, env(safe-area-inset-left));color:#fff;text-align:center;background:radial-gradient(circle,#4d2c18,#160d08);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rotate-device h2{margin:0 0 8px}.rotate-device p{opacity:.78;margin:0;line-height:1.45}.rotate-symbol{margin-bottom:14px;font-size:60px}}@media (orientation:landscape) and (height<=550px){:root{--menu-width:56%;--menu-right:3%;--menu-top:76.5%}.main-actions{gap:clamp(8px,1.2vw,18px)}.text-button{font-size:11px;top:87%}.top-bar,.experience-bar{min-height:54px;padding-top:8px;padding-bottom:8px}.back-button{padding:8px 12px;font-size:13px}.sections-content{justify-content:flex-start;padding:68px 28px 18px;overflow-y:auto}.sections-title{margin-bottom:14px}.sections-title h2{font-size:24px}.sections-title p{margin-top:5px;font-size:11px}.sections-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:min(1000px,92vw)}.experience-info-card{top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));border-radius:14px;width:clamp(175px,25vw,225px);max-width:27vw;padding:12px 12px 14px}.experience-ui.ui-right .experience-info-card{left:auto;right:max(12px, env(safe-area-inset-right))}.experience-ui-eyebrow{font-size:7px;line-height:1.3}.experience-ui-title{font-size:clamp(20px,2.7vw,27px)}.experience-ui-line{width:38px;margin:8px 0 9px}.experience-ui-description{font-size:clamp(9px,1.05vw,11px);line-height:1.46}.experience-back-visual{left:max(12px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));min-width:145px;min-height:38px;padding:7px 13px;font-size:10.5px}.experience-ui.ui-right .experience-back-visual{left:auto;right:max(12px, env(safe-area-inset-right))}}@media (orientation:landscape) and (height<=380px){:root{--menu-width:55%;--menu-right:2.5%;--menu-top:76%}.main-actions{gap:8px}.text-button{font-size:9px;top:87%}.sections-content{padding-top:60px}.sections-title{margin-bottom:8px}.sections-title h2{font-size:20px}.sections-title p{font-size:10px}.sections-grid{gap:8px}.experience-info-card{top:max(8px, env(safe-area-inset-top));border-radius:12px;width:clamp(160px,25vw,195px);max-width:27vw;padding:9px 10px 11px}.experience-ui.ui-right .experience-info-card{left:auto;right:max(8px, env(safe-area-inset-right))}.experience-ui-eyebrow{display:none}.experience-ui-title{font-size:19px}.experience-ui-line{width:34px;margin:7px 0}.experience-ui-description{font-size:8.5px;line-height:1.38}.experience-back-visual{min-width:136px;min-height:34px;padding:6px 11px;font-size:9.5px}.experience-ui.ui-right .experience-back-visual{left:auto;right:max(8px, env(safe-area-inset-right))}.experience-back-arrow{width:20px;height:20px;font-size:13px}}@media (prefers-reduced-motion:reduce){.screen-enter,.screen-exit,.home-control-enter,.section-button-enter,.experience-description-word{animation:none!important}.image-button,.section-button,.text-button,.back-button,.main-button,.experience-ui,.experience-info-card,.experience-ui-line,.experience-back-visual{transition:none!important}}