*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#151e25;background:#eee4d5;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #8b7454;outline-offset:6px}.world{min-height:100svh;overflow:hidden;background:#efe6d8 url('assets/fondo-marfil.webp') center center/cover no-repeat;position:relative;padding:0 5.8%;isolation:isolate}.header{display:flex;align-items:center;justify-content:space-between;padding-top:30px;gap:20px}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}.brand span{font-family:Georgia,'Times New Roman',serif;letter-spacing:.15em;font-size:clamp(25px,2.6vw,41px)}.brand small{font-size:13px;letter-spacing:.49em;margin-top:9px}.header nav{display:flex;gap:36px}.header nav button,.modes button,.categories button,.missing{background:none;border:0;padding:12px 0}.header nav button{font-size:16px}.intro{text-align:center;margin-top:27px}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(50px,6.7vw,104px);line-height:1.1;letter-spacing:-.047em;font-weight:400;margin:0}.intro p{font-size:clamp(18px,2vw,28px);margin:8px 0 15px}.modes{display:flex;justify-content:center;gap:48px;margin-bottom:12px}.modes button{font-size:19px;position:relative;color:#636775}.modes button[aria-selected=true]{color:#151e25}.modes button:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transition:transform .35s}.modes button[aria-selected=true]:after{transform:scaleX(1)}.explorer{display:grid;grid-template-columns:59% 41%;align-items:center;min-height:430px;gap:0}.stage{position:relative;height:440px;overflow:hidden;margin-left:-8%;width:108%;perspective:1400px}.layer{position:absolute;inset:0;will-change:transform;transform-style:preserve-3d}.object{position:absolute;bottom:6%;width:25%;height:76%;object-fit:contain;object-position:center bottom;filter:drop-shadow(8px 19px 13px #312b2523);will-change:transform,opacity;pointer-events:none}.object:nth-child(1){left:5%;width:28%;bottom:5%;height:91%;transform:rotate(-7deg)}.object:nth-child(2){left:32%;width:29%;height:69%;bottom:4%;transform:rotate(7deg)}.object:nth-child(3){left:61%;width:26%;height:84%;bottom:14%;transform:rotate(7deg)}.object:nth-child(4){left:0%;width:21%;height:58%;bottom:37%;transform:rotate(-8deg)}.object:nth-child(5){left:78%;width:23%;height:87%;bottom:4%;transform:rotate(10deg)}.layer:has(.object:nth-child(5)) .object:nth-child(1){left:14%;width:28%;height:90%}.layer:has(.object:nth-child(5)) .object:nth-child(2){left:49%;width:28%;height:58%;bottom:4%}.layer:has(.object:nth-child(5)) .object:nth-child(3){left:37%;width:25%;height:71%;bottom:21%}.single-object{position:absolute;left:11%;width:79%;height:93%;bottom:3%;object-fit:contain;filter:drop-shadow(10px 23px 18px #25211b26);transform:rotate(4deg);will-change:transform}.folder-label{position:absolute;bottom:30%;left:62%;font-size:12px;transform:rotate(15deg);background:#eee5d8;padding:7px 11px;border-radius:5px;max-width:150px;box-shadow:0 2px 4px #25211b16}.information{position:relative;min-height:382px;margin-left:16px}.frame-outline{position:absolute;inset:0;border:1px solid #20272bb3;border-radius:27px;pointer-events:none;transform-origin:center;will-change:transform}.copy{position:relative;padding:30px 30px 25px}.copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,3.25vw,49px);font-weight:400;letter-spacing:-.045em;line-height:1.15;margin:0 0 12px;overflow-wrap:anywhere}.description{font-size:17px;line-height:1.5;margin:0}.summary{margin:23px 0 24px}.eyebrow{color:#626776;font-size:14px}.norms{font-size:16px;line-height:1.6;margin:7px 0}.note{font-size:14px;color:#626776;line-height:1.5;margin:6px 0}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.pill{border:1px solid #1a232a;border-radius:999px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:45px;padding:10px 20px;font-size:16px;transition:box-shadow .2s,transform .2s;max-width:100%}.pill.primary{color:#faf5ed;background:linear-gradient(180deg,#4b515d 0%,#1c252e 60%,#131c22 100%);box-shadow:0 1px 1px #ffffffa8 inset,0 5px 10px #1e202222}.pill.secondary{background:#f7f0e329;box-shadow:0 1px 2px #ffffff60 inset}.pill:hover{transform:translateY(-2px);box-shadow:0 6px 13px #1e202229}.pill span:last-child{font-size:23px;line-height:1}.selector-wrap{display:flex;align-items:center;justify-content:center;gap:23px;margin:15px auto 0}.categories{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.categories button{font-size:15px;color:#555967;border-bottom:1px solid transparent;padding:12px 0 8px;transition:color .2s,border .2s}.categories button[aria-pressed=true]{color:#172126;border-bottom:1px solid currentColor}.step{font-size:31px;background:none;border:0;border-radius:50%;width:42px;height:42px;flex-shrink:0}.step:hover{background:#ffffff36}.missing{display:block;margin:12px auto 0;font-size:14px;color:#555967}footer{display:flex;justify-content:space-between;font-size:12px;color:#69696a;padding:22px 0 14px;opacity:.8}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:absolute;top:0;left:10px;z-index:10;background:#f7f0e3;padding:10px}dialog{border:1px solid #57534d50;border-radius:24px;width:min(620px,calc(100% - 32px));padding:36px;background:#f7f1e6;color:#172126;box-shadow:0 24px 80px #111b2638;max-height:85svh;overflow:auto}dialog::backdrop{background:#11192366;backdrop-filter:blur(7px)}dialog h2{font:400 33px/1.15 Georgia,serif;letter-spacing:-.025em;margin:8px 35px 18px 0}dialog h3{font:400 22px Georgia,serif;margin:24px 0 10px}dialog p,dialog li{font-size:16px;line-height:1.65}dialog ul{padding-left:22px}.close{position:absolute;top:16px;right:18px;background:none;border:0;font-size:30px;width:40px;height:40px;border-radius:50%}.dialog-content .pill{margin-top:25px;display:inline-flex}.dialog-note{color:#646670;font-size:14px!important}.loading .copy{opacity:0}@media(min-width:1650px){.world{padding:0 max(5%,calc((100vw - 1600px)/2))}.stage{height:510px}.explorer{min-height:500px}.intro{margin-top:35px}.information{min-height:400px}}@media(max-width:1000px){.world{padding:0 4%}.header nav{gap:20px}.intro h1{font-size:68px}.explorer{grid-template-columns:55% 45%;min-height:390px}.stage{height:380px}.copy{padding:25px 21px}.copy h2{font-size:33px}.information{margin-left:7px}.categories{gap:20px}.pill{font-size:15px}.norms{font-size:14px}}@media(max-width:680px){.world{padding:0 6%;background-position:43% center}.header{padding-top:22px}.brand span{font-size:27px}.brand small{font-size:10px}.header nav{gap:14px}.header nav button{font-size:12px}.header nav button[data-page=nosotros]{display:none}.intro{margin-top:31px}.intro h1{font-size:clamp(42px,9.2vw,64px);letter-spacing:-.05em}.intro p{font-size:18px;margin-top:10px}.modes{gap:30px;margin-top:15px;margin-bottom:0}.modes button{font-size:16px}.explorer{display:flex;flex-direction:column;min-height:0}.stage{width:118%;margin:0;height:310px;flex-shrink:0}.information{margin:0;width:100%;min-height:0}.copy{padding:26px}.copy h2{font-size:35px}.description{font-size:16px}.summary{margin:20px 0}.norms{font-size:15px}.actions{gap:12px}.pill{font-size:15px;min-height:46px}.selector-wrap{margin-top:25px;gap:8px}.categories{gap:5px 17px}.categories button{font-size:14px;padding:9px 0}.step{width:30px;font-size:28px}.missing{margin-top:16px}footer{margin-top:15px}.folder-label{font-size:10px;max-width:115px}.single-object{height:96%}dialog{padding:28px 24px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.world{background-image:url('assets/fondo-aprobado.webp');background-position:center top;background-size:100% 100%}
.stage{overflow:visible;perspective:none;z-index:1;touch-action:pan-y}
.layer{transform-style:flat}
.information,.intro,.modes,.header,.selector-wrap,.missing,footer{position:relative;z-index:3}
.information{pointer-events:none}
.copy{pointer-events:auto}
.product-scene{position:absolute;width:115%;height:125%;left:-7%;bottom:-1%;object-fit:contain;object-position:center bottom;filter:drop-shadow(10px 17px 10px #3128203d);pointer-events:none;will-change:transform,opacity}
.object{filter:drop-shadow(4px 7px 3px #26201a30) drop-shadow(20px 30px 15px #26201a35)}
.object:nth-child(1){left:9%;width:34%;height:95%;bottom:0%;z-index:3;transform:rotate(-9deg);filter:drop-shadow(5px 8px 3px #26201a38) drop-shadow(20px 30px 15px #26201a35)}
.object:nth-child(2){left:35%;width:29%;height:68%;bottom:25%;z-index:1;transform:rotate(8deg);filter:drop-shadow(9px 12px 8px #26201a35)}
.object:nth-child(3){left:64%;width:31%;height:78%;bottom:5%;z-index:2;transform:rotate(7deg)}
.object:nth-child(4){left:0%;width:22%;height:53%;bottom:39%;z-index:0;transform:rotate(-8deg);filter:drop-shadow(8px 14px 9px #26201a30)}
.single-object{filter:drop-shadow(5px 9px 4px #25211b30) drop-shadow(20px 29px 18px #25211b35)}
@media(max-width:680px){.world{background-size:auto 100%;background-position:42% top}.stage{width:108%;height:300px;z-index:1}.product-scene{left:-5%;width:110%;height:108%;bottom:1%}.information{z-index:3}.object:nth-child(1){height:88%}.single-object{width:82%;left:9%}}
/* Persistent glass navigation and phone composition. */
.world{overflow:clip;padding-top:112px}
.header{position:fixed;z-index:100;top:max(12px,env(safe-area-inset-top));left:5.8%;right:5.8%;padding:16px 24px;border:1px solid #ffffffa8;border-radius:25px;background:linear-gradient(135deg,#ffffff7a,#f4ebda40 55%,#ffffff5e);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 1px 0 #ffffffc0 inset,0 12px 35px #33291d14;transition:background .3s,box-shadow .3s,padding .3s}
.header.is-scrolled{padding-top:12px;padding-bottom:12px;background:linear-gradient(135deg,#fffaf0c4,#f0e5d4a3);box-shadow:0 1px 0 #ffffffd0 inset,0 10px 28px #33291d25}
.header .brand span{font-size:30px}.header .brand small{font-size:12px;letter-spacing:.38em;margin-top:6px}
.header nav button{min-height:44px;padding:10px 8px}
.menu-toggle{display:none}
@media(max-width:1000px){.header{left:4%;right:4%;padding-left:20px;padding-right:20px}}
@media(max-width:680px){
 .world{padding-top:94px;padding-bottom:env(safe-area-inset-bottom);background-size:auto 100%;background-position:42% top}
 .header{left:4%;right:4%;padding:12px 16px;border-radius:21px;gap:12px}
 .header.is-scrolled{padding-top:9px;padding-bottom:9px}
 .header .brand span{font-size:22px;letter-spacing:.13em}
 .header .brand small{font-size:12px;letter-spacing:.22em;margin-top:5px}
 .menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid #30332c38;background:#ffffff42;border-radius:999px;padding:8px 14px;min-height:44px;font-size:14px}
 .menu-toggle span{font-size:22px;line-height:1;transition:transform .25s}
 .menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}
 .header nav{display:none;position:absolute;right:0;top:calc(100% + 9px);width:min(240px,80vw);padding:10px;gap:2px;flex-direction:column;border:1px solid #ffffffa8;border-radius:20px;background:#f7f0e6eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 28px #33291d23;transform-origin:top right}
 .header.menu-open nav{display:flex;animation:menu-reveal .24s ease-out}
 .header nav button,.header nav button[data-page=nosotros]{display:block;font-size:16px;min-height:48px;text-align:left;padding:10px 15px;border-radius:12px}
 .header nav button:hover{background:#ffffff70}
 #explorador{display:flex;flex-direction:column;scroll-margin-top:100px}
 .intro{order:1;margin-top:5px}
 .intro h1{font-size:clamp(34px,9vw,48px);line-height:1.08}
 .intro p{font-size:17px;line-height:1.4;margin:12px 0 14px}
 .modes{order:2;position:sticky;top:86px;z-index:40;align-self:center;gap:0;justify-content:space-between;width:100%;margin:0;padding:3px 6px;border:1px solid #ffffff9c;border-radius:999px;background:#f7efdfb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 5px 15px #33291d0c}
 .modes button{font-size:14px;min-height:44px;padding:10px 12px;white-space:nowrap}
 .modes button:after{left:12px;width:calc(100% - 24px);bottom:7px}
 .explorer{display:contents}
 .stage{order:3;align-self:center;width:100%;height:clamp(225px,65vw,330px);margin:15px 0 0}
 .product-scene{left:-2%;width:104%;height:100%;bottom:0;filter:drop-shadow(6px 12px 7px #31282036)}
 .single-object{height:94%;bottom:0}
 .selector-wrap{order:4;width:100%;min-width:0;margin:12px 0 20px;gap:5px}
 .categories{flex:1;min-width:0;flex-wrap:nowrap;justify-content:flex-start;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 4px 7px}
 .categories::-webkit-scrollbar{display:none}
 .categories button{flex-shrink:0;white-space:nowrap;font-size:14px;min-height:44px;padding:10px 0 7px}
 .step{width:36px;height:44px;min-height:44px;font-size:29px}
 .information{order:5;width:100%;margin:0;min-width:0}
 .copy{padding:24px 22px}
 .copy h2{font-size:clamp(29px,8vw,36px);line-height:1.16;overflow-wrap:anywhere}
 .summary{margin:19px 0}
 .actions{align-items:stretch}
 .pill{width:100%;min-height:48px;font-size:15px;gap:14px;padding:11px 17px}
 .pill span:first-child{min-width:0;line-height:1.35}
 .missing{order:6;min-height:44px;margin:12px auto 0}
 #announcement{order:7}
 footer{gap:14px;flex-wrap:wrap;margin-top:6px}
 dialog{max-height:calc(100dvh - 40px);padding:28px 22px}
 .close{min-width:44px;min-height:44px;top:12px;right:12px}
 dialog .pill{width:auto;max-width:100%}
}
@keyframes menu-reveal{from{opacity:0;transform:translateY(-7px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.header,.menu-toggle span{transition:none}.header.menu-open nav{animation:none}}