@charset "UTF-8";
@font-face{font-family:DistritoDisplay;src:url(../assets/fonts/distrito-display.otf) format("opentype");font-weight:400;font-display:swap;}
:root{color-scheme:dark;--yellow:#ffc300;--bg:#111;--panel:#1b1b1b;--white:#f8f7f2;--muted:#aaa9a4;--border:#343430;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--white)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}.header{height:108px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-family:DistritoDisplay,Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;font-size:23px;line-height:.84;display:flex;align-items:center;gap:7px}.wordmark>span{font-size:45px;letter-spacing:-2px}.brand-dot{color:var(--yellow)}.header-caption{font-size:10px;letter-spacing:3px;color:var(--muted);margin-left:auto;margin-right:42px}.home-button{display:flex;align-items:center;gap:13px;border:1px solid #53534b;padding:11px 16px;border-radius:30px;background:none;font-size:12px}.home-button:hover{border-color:var(--yellow);color:var(--yellow)}main{min-height:calc(100svh - 211px);padding-bottom:64px}.hero{display:grid;grid-template-columns:1fr 270px;gap:32px;align-items:end;padding-top:55px;padding-bottom:43px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:600;line-height:1.6;color:var(--muted);margin:0 0 20px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:21px;height:2px;background:var(--yellow);display:inline-block}.hero h1{font-family:DistritoDisplay,Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(44px,6vw,86px);letter-spacing:-2px;line-height:.98;margin:0;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-aside{padding:0 0 6px;color:#c0bfb8;font-size:14px;line-height:1.7}.hero-aside p{margin:0 0 22px}.section-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:21px;margin-bottom:19px}.section-line h2{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin:0}.section-line span{font-family:monospace;font-size:11px;color:var(--muted)}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.experience-card{position:relative;isolation:isolate;overflow:hidden;text-align:left;min-height:354px;border:1px solid #3d3d36;border-radius:3px;padding:27px;background:#21211d;display:flex;flex-direction:column;justify-content:space-between;transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .45s}.experience-card:hover{transform:translateY(-5px);border-color:var(--yellow)}.experience-card:active{transform:scale(.985)}.card-top,.card-bottom{position:relative;z-index:2}.card-top{display:flex;justify-content:space-between;align-items:center}.card-number{font-size:11px;font-family:monospace;letter-spacing:1px}.card-count{font-size:10px;letter-spacing:1px;opacity:.7}.experience-card h2{font-family:DistritoDisplay,Impact,'Arial Narrow',sans-serif;font-size:46px;line-height:1;letter-spacing:-.7px;margin:4px 0 11px;text-transform:uppercase;font-weight:400}.card-brand{font-size:9px;letter-spacing:2px;text-transform:uppercase}.card-bottom p{font-size:11px;line-height:1.7;max-width:84%;margin:0;color:inherit;opacity:.8;min-height:38px}.explore{display:flex;align-items:center;justify-content:space-between;margin-top:21px;border-top:1px solid currentColor;padding-top:14px;font-size:11px}.arrow-round{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid currentColor;transition:transform .25s}.experience-card:hover .arrow-round{transform:rotate(-40deg)}.art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 70%)}.art svg{width:100%;height:100%;stroke:none}.experience-card.clasico{background:var(--yellow);color:#17170f;border-color:var(--yellow)}.clasico .art:after{background:linear-gradient(0deg,#ffc300 13%,transparent 80%)}.experience-card.nativos{background:#e7e5da;color:#17170f;border-color:#e7e5da}.nativos .art:after{background:linear-gradient(0deg,#e7e5da 12%,transparent 80%)}.experience-card.gastrobar{background:#252521}.gastrobar .art:after{background:linear-gradient(0deg,#252521 13%,transparent 80%)}.cover-image{width:100%;height:100%;object-fit:cover}.has-cover{color:#fff!important;background:#1b1b1b!important}.has-cover .art:after{background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.1))!important}.has-cover .card-count,.has-cover .card-number{text-shadow:0 1px 6px #000}.footer{min-height:103px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.footer>span:first-child{letter-spacing:2px;font-weight:700}.footer-mark{font-size:34px;color:var(--yellow)}.breadcrumb{padding-top:32px;display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted);flex-wrap:wrap}.back{border:0;background:none;padding:7px 0;color:var(--white);display:flex;align-items:center;gap:9px;font-size:11px}.back svg{width:18px}.crumb-separator{color:#555}.interior-hero{padding-top:30px;padding-bottom:38px;display:flex;align-items:end;justify-content:space-between;gap:24px}.interior-hero h1{font-family:DistritoDisplay,Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-1px;margin:0;text-transform:uppercase;max-width:850px}.interior-hero .eyebrow{margin-bottom:15px}.interior-hero .count{font-size:11px;color:var(--muted);white-space:nowrap;margin-bottom:6px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{position:relative;text-align:left;isolation:isolate;overflow:hidden;border:1px solid var(--border);border-radius:3px;min-height:238px;background:#21211e;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .45s}.category-card:hover{transform:translateY(-4px);border-color:var(--yellow)}.category-card .art{opacity:.8}.category-card .art svg{transform:scale(1.3);opacity:.6}.category-card .art:after{background:linear-gradient(0deg,#151512,rgba(20,20,18,.3))}.category-card .card-number{color:#c4c4bc}.category-bottom{display:flex;align-items:end;justify-content:space-between;gap:13px}.category-card h2{font-size:19px;font-weight:500;letter-spacing:-.3px;margin:0;line-height:1.2;max-width:80%;text-wrap:balance}.category-card .arrow-round{width:26px;height:26px;flex-shrink:0;color:var(--yellow)}.category-card .arrow-round svg{width:17px}.empty{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px solid var(--border);padding:65px 22px 61px;background:radial-gradient(ellipse at 50% 0,rgba(255,195,0,.045),transparent 65%)}.empty-symbol{height:76px;width:76px;display:grid;place-items:center;border:1px solid #5f542d;border-radius:50%;color:var(--yellow);margin-bottom:24px}.empty-symbol svg{width:31px;height:31px;stroke-width:1}.empty h2{font-size:22px;letter-spacing:-.5px;line-height:1.35;font-weight:500;max-width:420px;margin:0 0 12px}.empty p{font-size:13px;color:var(--muted);margin:0 0 25px;line-height:1.6}.outline-button{border:1px solid #59594d;border-radius:30px;background:none;padding:13px 22px;font-size:11px;display:flex;align-items:center;gap:12px}.outline-button:hover{color:var(--yellow);border-color:var(--yellow)}.product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.product-card{display:flex;gap:22px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:3px;padding:14px;text-align:left;min-width:0}.product-photo{width:130px;aspect-ratio:1;object-fit:cover;flex-shrink:0;border-radius:2px;background:#25251f;display:grid;place-items:center;color:var(--yellow)}.product-info{flex:1;min-width:0}.product-info h2{font-size:19px;font-weight:500;margin:0 0 9px}.product-info p{font-size:12px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px}.product-info strong{color:var(--yellow);font-size:15px;font-weight:500}.loading{min-height:420px;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--muted);font-size:13px}.loading span{width:16px;height:16px;border:1px solid var(--yellow);border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.splash{position:fixed;inset:0;z-index:20;background:#111;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;transition:opacity .32s,visibility .32s}.splash span{font-family:DistritoDisplay,Impact,'Arial Narrow',sans-serif;font-size:clamp(38px,9vw,72px);letter-spacing:-1px;animation:reveal .8s both}.splash b{font-weight:400;color:var(--yellow)}.splash i{display:block;width:90px;height:2px;background:var(--yellow);transform-origin:left;animation:line 1s both}.splash.dismissed{visibility:hidden;opacity:0;pointer-events:none}.skip{position:fixed;top:12px;left:12px;transform:translateY(-200%);background:var(--yellow);color:#111;padding:12px;z-index:50}.skip:focus{transform:none}dialog{padding:0;border:1px solid #77776a;border-radius:12px;background:rgba(30,30,30,.92);backdrop-filter:blur(24px);color:var(--white);width:min(720px,calc(100% - 32px));max-height:85svh;overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}.dialog-inner{position:relative}.close-dialog{position:absolute;right:14px;top:14px;background:#111d;width:38px;height:38px;border:1px solid #888;border-radius:50%;font-size:26px;z-index:2}.dialog-photo{display:block;width:100%;max-height:42svh;object-fit:cover;background:#282821;min-height:180px}.dialog-placeholder{display:grid;place-items:center;color:var(--yellow);height:200px;background:#282821;font-family:DistritoDisplay,Impact,sans-serif;font-size:38px}.dialog-copy{padding:28px 32px 34px}.dialog-copy h2{font-size:30px;margin:0 0 13px;font-weight:500}.dialog-copy p:last-child{font-size:14px;line-height:1.8;color:#ccc;white-space:pre-line;overflow-wrap:anywhere}.dialog-price{color:var(--yellow);font-size:20px}.dialog-copy .eyebrow{margin-bottom:10px}.wordmark img{max-height:60px;max-width:180px}.animate-in{animation:reveal 1s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay,0ms)}.backward .animate-in{animation-name:reveal-back}.screen-title:focus{outline:none}.image-fallback{object-fit:contain}.error-view{padding-block:80px}
@keyframes reveal{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes reveal-back{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1600px){.hero{padding-top:70px;padding-bottom:55px}.experience-card{min-height:410px}}
@media(max-width:1000px){.shell{width:calc(100% - 56px)}.hero{grid-template-columns:1fr 220px}.experience-card{padding:22px;min-height:330px}.experience-card h2{font-size:37px}.category-grid{grid-template-columns:repeat(3,1fr)}.header-caption{margin-right:15px}.product-list{grid-template-columns:1fr}}
@media(max-width:640px){.shell{width:calc(100% - 36px)}.header{height:86px}.wordmark{font-size:19px}.wordmark>span{font-size:37px}.header-caption{display:none}.home-button{padding:10px 13px}.home-button svg{width:17px;height:17px}.hero{display:block;padding-top:35px;padding-bottom:27px}.hero h1{font-size:clamp(27px,8vw,38px);letter-spacing:-1.5px}.eyebrow{font-size:9px;margin-bottom:19px;letter-spacing:1.5px}.hero-aside{font-size:13px;max-width:260px;margin-top:22px;padding:0}.hero-aside p{margin-bottom:16px}.section-line{padding-top:17px;margin-bottom:16px}.section-line h2{font-size:10px}.experience-grid{grid-template-columns:1fr;gap:14px}.experience-card{min-height:285px;padding:24px}.experience-card h2{font-size:44px}.experience-card .art svg{transform:translateX(65px) scale(1.15)}.card-bottom p{min-height:0;max-width:80%;font-size:11px}.card-bottom{margin-top:55px}.explore{margin-top:18px}.experience-card .card-count{font-size:10px}.footer{min-height:90px;font-size:9px;gap:20px}.footer>span:nth-child(2){max-width:165px;line-height:1.5}.footer-mark{display:none}main{padding-bottom:40px;min-height:calc(100svh - 176px)}.breadcrumb{padding-top:22px;gap:10px;font-size:10px}.interior-hero{display:block;padding-top:27px;padding-bottom:29px}.interior-hero h1{font-size:50px;max-width:100%}.interior-hero .count{margin-top:18px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{min-height:195px;padding:16px}.category-card h2{font-size:17px;max-width:100%}.category-bottom{gap:4px}.category-card .arrow-round{width:20px;height:20px}.category-card .arrow-round svg{width:13px}.empty{padding:48px 18px}.empty h2{font-size:20px}.product-card{gap:14px;padding:10px}.product-photo{width:95px}.product-info h2{font-size:16px}.dialog-copy{padding:25px 22px}.dialog-copy h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.splash{display:none}}

/* Fotografías de experiencias: espacio reservado, sin composiciones de relleno. */
.experience-card.clasico,.experience-card.nativos,.experience-card.gastrobar{background:#1b1b1b;color:var(--white);border-color:var(--border)}
.experience-card:not(.has-cover) .art:after{background:none}
.wordmark img{display:block;object-fit:cover;width:78px;height:78px;max-height:none;max-width:none;border-radius:50%}
.hero-aside p{margin-bottom:6px}
.splash-logo{position:relative;width:260px;height:260px;display:grid;place-items:center}
.splash-logo>img{width:220px;height:220px;object-fit:cover;border-radius:50%;transform-origin:top left;position:relative;z-index:1;animation:logo-appear .8s .1s both}
.splash-ring{position:absolute;inset:0;width:260px;height:260px;stroke:var(--yellow);stroke-width:1.5;fill:none;transform:rotate(-90deg)}
.splash-ring circle{stroke-dasharray:786;stroke-dashoffset:786;animation:logo-trace 1.4s cubic-bezier(.3,.6,.3,1) forwards}
.splash-active .wordmark img{visibility:hidden}
.splash-active main .animate-in{animation-play-state:paused}
@keyframes logo-appear{from{opacity:0;filter:blur(6px);scale:.92}to{opacity:1;filter:blur(0);scale:1}}
@keyframes logo-trace{to{stroke-dashoffset:0}}
@media(max-width:640px){.wordmark img{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){.splash-active .wordmark img{visibility:visible}}

.is-changing{pointer-events:none}
.group-card .product-info strong{display:flex;align-items:center;gap:12px}
.group-card .product-info strong:after{content:'→';font-size:19px}
.group-options{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--border)}
.group-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:22px;padding:16px 0;border-bottom:1px solid var(--border)}
.option-name{display:block;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.option-price{font-size:15px;line-height:1.5;color:var(--yellow);white-space:nowrap;font-variant-numeric:tabular-nums}
.dialog-copy .option-description{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0 0}
.group-dialog .dialog-copy{padding-top:38px}
.group-dialog #dialog-price{font-size:13px;color:var(--muted)}
#dialog-description:empty{display:none}
[hidden]{display:none!important}
@media(max-width:640px){.group-option{gap:14px;padding:14px 0}.option-name,.option-price{font-size:14px}}
#dialog-description{font-size:14px;line-height:1.8;color:#ccc;white-space:pre-line;overflow-wrap:anywhere}

/* Mosaico de experiencias y fotografía completa en el detalle. */
.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.experience-card{min-width:0;min-height:245px}
.experience-card.featured{grid-column:1/-1;min-height:320px}
.experience-card.featured h2{font-size:64px}
.dialog-photo{width:100%;height:auto;min-height:0;max-height:60svh;object-fit:contain;background:#111}
@media(max-width:640px){
.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.experience-card{min-height:218px;padding:16px}
.experience-card.featured{min-height:270px;padding:22px}
.experience-card h2{font-size:clamp(23px,6.4vw,36px);overflow-wrap:anywhere}
.experience-card.featured h2{font-size:48px}
.experience-card .card-count{font-size:8px;letter-spacing:0}
.experience-card .card-top{gap:5px}
.experience-card .card-number{font-size:9px}
.experience-card .card-bottom{margin-top:24px}
.experience-card .card-bottom p{font-size:10px;max-width:100%;min-height:34px}
.experience-card .explore{margin-top:12px;padding-top:10px}
.experience-card .arrow-round{width:24px;height:24px}
.dialog-photo{max-height:65svh}
}
.product-photo{height:130px}@media(max-width:640px){.product-photo{height:95px}}

/* Dos experiencias en un orden fijo. */
.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.experience-card{min-height:330px}
.experience-card h2{font-size:48px}
@media(max-width:640px){.experience-grid{grid-template-columns:1fr}.experience-card{min-height:235px;padding:22px}.experience-card h2{font-size:44px}}
.category-card .category-bottom{margin-top:auto}
