/* site.min.css */
:root { --claro:#f4ebdd;--oscuro:#392b33;--bordo:#622024;--acento:#f4bf43;--azul:#3d485e;font-family:'Space Grotesk',sans-serif;color:var(--oscuro);background:var(--oscuro);color-scheme:light; }
*, *::before, *::after { box-sizing:border-box; }
body { margin:0; }
html { scroll-behavior:smooth; }
body { overflow-wrap:break-word; }
[hidden] { display:none !important; }
img { display:block;max-width:100%;height:auto; }
button, a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; }
button, a[href] { touch-action:manipulation; }
:focus-visible { outline:3px solid var(--acento);outline-offset:6px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
.skip-link { position:fixed;top:12px;left:12px;z-index:100;padding:12px 20px;background:var(--claro);color:var(--oscuro);transform:translateY(-180%); }
.skip-link:focus { transform:none; }
html:has(dialog:modal) { overflow:hidden; }
.button { display:inline-flex;justify-content:center;align-items:center;gap:.3em;color:#fff;text-decoration:none;font:inherit;font-size:1.4vw;line-height:1.2;padding:1vw 1.8vw;border:0;border-radius:30% 25% 28% 22% / 48% 45% 50% 44%;background:var(--bordo);box-shadow:0 4px 5px #0003;cursor:pointer;transition:transform 180ms,background 180ms; }
.button:hover { transform:translateY(-2px);background:#7b2c32; }
.button { border-radius:18px;clip-path:polygon(0 25%,1% 20%,0 14%,3% 8%,8% 7%,9% 3%,18% 5%,27% 2%,28% 4%,40% 2%,50% 3%,64% 1%,75% 4%,85% 2%,91% 6%,95% 7%,99% 18%,98% 25%,100% 35%,99% 52%,100% 64%,98% 75%,99% 84%,95% 92%,92% 96%,86% 95%,85% 99%,72% 97%,60% 100%,48% 98%,32% 100%,20% 97%,13% 99%,7% 96%,3% 92%,1% 84%,2% 72%,0 60%,1% 43%); }
.button:focus-visible { filter:drop-shadow(0 0 3px var(--acento)); }
.button-gold { color:var(--oscuro);font-weight:700;background:var(--acento); }
.button-gold:hover { background:#ffd36e; }
.footer-inner { display:grid;grid-template-columns:26% 1fr 25%;align-items:center;gap:5%;width:83%;margin:auto;padding-top:5.7vw;padding-bottom:3vw; }
.footer-logo { width:100%; }
.footer-logo img { width:140%;max-width:none;transform:translateX(-10%); }
.credits { text-align:center;font-size:.95vw;line-height:1.5; }
.credits p { margin-bottom:12px; }
.credits nav { font-size:.8vw; }
.credits a { color:inherit;text-underline-offset:4px; }
.socials { display:flex;align-items:center;justify-content:space-between;gap:1.2vw; }
.socials a, .socials button { display:inline-flex;align-items:center;justify-content:center;width:3.6vw;height:3.6vw;min-width:38px;min-height:44px;padding:0;color:white;background:transparent;border:0;cursor:pointer; }
.socials svg { width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4; }
.socials .tiktok { font-family:Arial,sans-serif;font-size:4.6vw;font-weight:700;line-height:1;text-decoration:none; }
.notice-dialog { width:min(500px,90vw);border:0;padding:45px 32px 32px;border-radius:12px;background:var(--claro);color:var(--oscuro); }
.notice-dialog::backdrop, .lightbox::backdrop { background:#170c12d9; }
.notice-dialog h2 { font-size:24px; }
.notice-dialog p { line-height:1.55; }
.notice-dialog .button { font-size:16px;padding:12px 23px; }
.notice-close, .lightbox-close { position:absolute;top:5px;right:8px;width:44px;height:44px;background:transparent;color:inherit;border:0;font-size:30px;cursor:pointer; }
.lightbox { width:min(850px,94vw);max-height:95svh;padding:45px 20px 10px;background:transparent;color:var(--claro);border:0;text-align:center; }
.lightbox > img { width:100%;max-height:75svh;object-fit:contain; }
.lightbox > p { margin:12px 0; }
@media (max-width:1050px) {
.button { font-size:16px;padding:11px 22px; }
}
@media (max-width:700px) {
.footer-inner { width:86%;grid-template-columns:1fr;gap:25px;justify-items:center;padding:70px 0 35px; }
.footer-logo { width:200px; }
.footer-logo img { width:100%;transform:none; }
.credits { font-size:12px;order:2; }
.credits nav { font-size:13px; }
.socials { gap:25px; }
.socials a, .socials button { width:38px;height:44px; }
.socials .tiktok { font-size:51px; }
}
main { display:flow-root; }
section { position:relative;isolation:isolate; }
.section-back { position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none; }
.paper-section { z-index:3; }
h1, h2, h3, p { margin-top:0; }
.lettering { margin:0; }
.lettering img { width:100%; }
.hero { aspect-ratio:1728/1045;overflow:clip;background:var(--oscuro); }
.hero-background { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.hero-title { position:absolute;z-index:1;width:55%;left:21.5%;top:9.5%;margin:0; }
.hero-scene { position:absolute;z-index:2;bottom:0;width:100%; }
.home-experience { aspect-ratio:1728/915;margin-top:-3.76vw; }
.experience-collage { position:absolute;width:37.8%;top:7%;left:8.6%; }
.experience-copy { position:absolute;left:50.5%;top:26%;width:41%; }
.experience-copy p { font-size:1.85vw;line-height:1.3;margin:2.7vw 0 3.4vw; }
.home-show { aspect-ratio:1728/1192;margin-top:-8.97vw;z-index:1;overflow:clip; }
.show-photo { position:absolute;width:45%;left:5.6%;top:22%;z-index:3; }
.home-show-paper { position:absolute;width:61.7%;left:34%;top:17%; }
.paper-art { width:100%;height:auto;pointer-events:none; }
.home-show .show-copy { position:absolute;left:21%;top:30%;width:57%;text-align:center; }
.eyebrow { color:#852f42;font-size:1.4vw;font-weight:700;margin-bottom:2.2vw; }
.show-copy .lettering { margin:0 auto;width:80%; }
.venue { color:#852f42;font-size:2.25vw;font-weight:700;margin:.7vw 0 2vw; }
.home-bio { aspect-ratio:1728/1117;margin-top:-8.8vw; }
.bio-copy { position:absolute;left:8.7%;top:22.5%;width:28%; }
.bio-copy .lettering { width:100%;margin-bottom:2.5vw; }
.bio-copy p { font-size:1.23vw;line-height:1.28;margin-bottom:1.6vw; }
.bio-collage { position:absolute;width:53%;right:5.6%;top:11.5%; }
.songs { aspect-ratio:1728/1184;margin-top:-11.4vw;z-index:4; }
.songs-title { position:absolute;width:35.2%;left:32.4%;top:15%;margin:0; }
.record-carousel { position:absolute;left:8.5%;right:8.5%;top:35%;height:50%;touch-action:pan-y; }
.record-stage { position:relative;height:90%; }
.record { position:absolute;display:block;width:41.4%;left:29.3%;top:0;transform-origin:center;transition:transform 550ms cubic-bezier(.22,.7,.2,1),opacity 400ms;text-decoration:none;color:var(--oscuro);-webkit-user-drag:none;user-select:none; }
.record-image { width:100%;height:auto;-webkit-user-drag:none; }
.record.is-center { transform:translateX(0) scale(1);z-index:3; }
.record.is-left { transform:translateX(-87%) scale(.75);z-index:1; }
.record.is-right { transform:translateX(87%) scale(.75);z-index:1; }
.record-label { position:absolute;width:59.7%;left:25%;top:76%;opacity:0;transform:translateY(8%);transition:opacity 300ms,transform 400ms;pointer-events:none; }
.record.is-center .record-label { opacity:1;transform:none; }
.record-label > img { width:100%; }
.record-label > span { position:absolute;inset:23% 6% 20%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.08; }
.record-label strong { font-size:2vw;text-align:center; }
.record-label span span { font-size:1.25vw; }
.carousel-controls { position:relative;z-index:5;display:flex;justify-content:center;align-items:center;gap:2vw;padding-top:.6vw; }
.carousel-controls > button { background:transparent;border:0;color:var(--bordo);font-size:2.1vw;cursor:pointer;min-width:44px;min-height:44px; }
.carousel-dots { display:flex;gap:.5vw; }
.carousel-dots button { position:relative;border:0;padding:0;width:24px;height:44px;background:transparent;cursor:pointer; }
.carousel-dots button::after { content:'';position:absolute;width:.8vw;height:.8vw;min-width:9px;min-height:9px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#ac8175; }
.carousel-dots button[aria-pressed=true]::after { background:var(--bordo); }
.shows-next { aspect-ratio:1728/1192;z-index:1;overflow:clip;margin-top:-6vw; }
.shows-paper { position:absolute;width:59%;left:43%;top:8.5%; }
.shows-copy { position:absolute;left:24%;top:25%;width:53%; }
.shows-copy .lettering { width:86%; }
.shows-copy .eyebrow { margin-bottom:2.2vw; }
.shows-copy .venue { margin-top:.8vw;margin-bottom:1vw; }
.rough-rule { height:.35vw;min-height:3px;background:var(--bordo);clip-path:polygon(0 35%,3% 10%,18% 25%,44% 0,75% 30%,100% 50%,75% 80%,42% 100%,12% 70%);margin:1vw 0 2vw; }
.event-details { list-style:none;padding:0;margin:0 0 2vw;display:grid;gap:1vw; }
.event-details li { display:flex;align-items:center;gap:1.4vw;font-size:1.7vw; }
.event-details img { width:2.7vw;height:2.8vw;object-fit:contain;flex-shrink:0; }
.data-note { font-size:.8vw;line-height:1.4;display:block;margin:.6vw 0 0; }
.shows-nights { aspect-ratio:1728/1150;margin-top:-8vw;overflow:clip; }
.nights-heading { position:absolute;top:15%;left:8.7%;right:8.7%;display:flex;align-items:center;gap:7%; }
.nights-heading .lettering { width:51%; }
.nights-heading p { color:var(--claro);font-size:1.8vw;line-height:1.35; }
.polaroid-gallery { position:absolute;top:35%;left:2%;right:2%;display:flex;align-items:center; }
.gallery-photo { background:transparent;border:0;padding:0;width:37.5%;flex-shrink:0;margin-right:-17%;cursor:default; }
.gallery-photo:nth-child(2) { width:36%; }
.gallery-photo:nth-child(3) { width:42.6%; }
.gallery-photo:nth-child(4) { width:34.1%;margin-right:0; }
.consent { display:flex;gap:8px;align-items:center;margin-top:12px; }
.form-status { margin:8px 0 0;font-size:12px; }
.honeypot { position:absolute;left:-9999px; }
.steps-heading { position:absolute;top:16%;left:8.7%;right:8.7%;display:flex;align-items:center;gap:9%; }
.steps-heading .lettering { width:41%; }
.steps-heading p { font-size:1.85vw;line-height:1.4; }
.integration-note { position:absolute;bottom:9%;left:9%;right:9%;font-size:1vw; }
.experience-map { aspect-ratio:1728/2493;margin-top:-4vw; }
.map-heading { position:absolute;top:8%;left:8.7%;right:8.7%;display:flex;align-items:center;gap:5%;color:var(--claro); }
.map-heading .lettering { width:53%; }
.map-heading p { font-size:1.85vw;line-height:1.35; }
.map-widget { position:absolute;top:17%;left:8.7%;right:8.7%;background:white;border-radius:1vw;overflow:hidden;box-shadow:0 8px 20px #0004; }
.map-toolbar { display:flex;align-items:center;gap:3%;padding:1%; }
.search-field { flex:1;display:flex;align-items:center;padding-inline:1%;border:1px solid #dec8a2;border-radius:.6vw;min-width:0; }
.search-field > span:first-child { font-size:3vw;line-height:1; }
.search-field input { border:0;font:inherit;font-size:1.75vw;width:100%;padding:1vw;min-width:0;background:transparent;color:var(--oscuro); }
.map-toolbar [role=tablist] { display:flex;gap:1.6vw; }
.map-toolbar [role=tab] { background:transparent;border:3px solid var(--bordo);border-radius:2vw;color:var(--bordo);font:inherit;font-size:1.35vw;font-weight:700;padding:.7vw 2.5vw;cursor:pointer; }
.map-toolbar [aria-selected=true] { background:var(--bordo);color:var(--claro); }
#panel-map { position:relative; }
#panel-map iframe { display:block;width:100%;height:52vw;border:0;background:#e5eadf; }
.map-caption { position:absolute;left:2%;bottom:2%;max-width:90%;margin:0;padding:1vw 1.5vw;border-radius:50px;background:white;color:var(--oscuro);font-size:1vw;box-shadow:0 2px 6px #0003; }
.empty-spots { height:52vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8%;text-align:center;background:#f8f3ec; }
.empty-spots h3 { font-size:2vw; }
.search-status { position:absolute;left:4%;top:18%;padding:1vw;max-width:80%;background:white;box-shadow:0 2px 10px #0002;font-size:1.1vw; }
details { border-bottom:1px solid var(--oscuro); }
summary { display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;cursor:pointer;padding:.85vw 0;font-size:1.6vw;font-weight:600;color:var(--bordo); }
summary::-webkit-details-marker { display:none; }
summary span { font-size:2vw; }
details[open] summary span { transform:rotate(45deg); }
details p { margin:0 0 .7vw;line-height:1.35;font-size:1.1vw; }
.experience-map:has(details[open]) { padding-bottom:10vw;aspect-ratio:auto;height:calc(144.27vw + 10vw); }
.experience-policy { aspect-ratio:1728/760;margin-top:-8vw; }
.policy-copy { position:absolute;left:8.7%;top:23%;width:40%; }
.policy-copy .lettering { width:64%;margin-bottom:2vw; }
.policy-copy p { font-size:1.4vw;line-height:1.4; }
.text-link { display:block;width:fit-content;padding:0;margin:1vw 0;color:var(--bordo);border:0;border-bottom:1px solid currentColor;background:transparent;font:inherit;font-weight:600;font-size:1.3vw;cursor:pointer;text-decoration:none; }
.policy-cassette { position:absolute;width:34.5%;right:8%;top:28%; }
@media (min-width:701px) and (max-width:1050px) {
.hero { aspect-ratio:1.3; }
.hero-title { width:65%;left:17.5%;top:5%; }
.experience-copy p { font-size:18px;margin:20px 0; }
.bio-copy { top:19%;width:33%; }
.home-bio { aspect-ratio:auto;min-height:650px; }
.home-bio > .section-back { object-fit:cover; }
.bio-copy p { font-size:14px;margin-bottom:12px; }
.home-show .show-copy { top:28%; }
.shows-copy { top:15%; }
.event-details li { font-size:16px; }
.event-details { margin-bottom:10px; }
.data-note { font-size:10px; }
summary { font-size:16px; }
}
@media (max-width:700px) {
.desktop-only { display:none; }
.hero { height:680px;min-height:85svh;max-height:800px;aspect-ratio:auto; }
.hero-background { object-position:center; }
.hero-title { width:100%;left:0;top:22%; }
.hero-scene { width:110%;max-width:none;left:-5%; }
.section-back { object-fit:cover; }
.home-experience { aspect-ratio:auto;min-height:820px;margin-top:-90px;padding:100px 7% 90px;display:flex;flex-direction:column;align-items:center; }
.experience-collage { position:relative;left:auto;top:auto;width:min(94%,390px);order:1; }
.experience-copy { position:relative;left:auto;top:auto;width:100%;order:0; }
.experience-copy .lettering { width:100%;max-width:500px; }
.experience-copy p { font-size:19px;line-height:1.4;margin:22px 0; }
.experience-copy .button { margin-bottom:28px; }
.home-show { aspect-ratio:auto;height:870px;margin-top:-50px; }
.show-photo { width:min(91%,500px);left:0;top:8%; }
.home-show-paper { width:115%;left:-7%;top:40%; }
.home-show .show-copy { top:30%;left:21%;width:57%; }
.eyebrow { font-size:13px;margin-bottom:16px; }
.venue { font-size:24px;margin:9px 0 17px; }
.home-bio { aspect-ratio:auto;min-height:1030px;margin-top:-100px;padding:110px 7% 100px;display:flex;flex-direction:column; }
.bio-copy { position:relative;inset:auto;width:100%; }
.bio-copy .lettering { width:80%;max-width:400px;margin-bottom:25px; }
.bio-copy p { font-size:17px;line-height:1.5;margin-bottom:20px; }
.bio-collage { position:relative;inset:auto;width:110%;max-width:none;margin:20px -5% 0; }
.songs { aspect-ratio:auto;height:650px;margin-top:-110px;overflow:clip; }
.songs-title { width:78%;left:11%;top:14%; }
.record-carousel { left:0;right:0;top:36%;height:54%; }
.record { width:70%;left:15%; }
.record.is-left { transform:translateX(-81%) scale(.67); }
.record.is-right { transform:translateX(81%) scale(.67); }
.record-label { width:65%;left:20%; }
.record-label strong { font-size:clamp(16px,5.1vw,28px); }
.record-label span span { font-size:clamp(12px,3.3vw,18px); }
.record-stage { height:80%; }
.carousel-controls { gap:16px;padding:0; }
.carousel-controls > button { font-size:27px; }
.carousel-dots { gap:5px; }
.shows-next { aspect-ratio:auto;height:900px;margin-top:-35px; }
.shows-paper { width:125%;left:-14%;top:34%; }
.shows-copy { width:53%;left:24%;top:17%; }
.shows-copy .lettering { width:100%; }
.shows-copy .eyebrow { font-size:12px;margin-bottom:12px; }
.shows-copy .venue { font-size:21px;line-height:1.2;margin:8px 0; }
.rough-rule { margin:12px 0 16px; }
.event-details { gap:8px;margin-bottom:12px; }
.event-details li { gap:12px;font-size:15px; }
.event-details img { width:24px;height:27px; }
.event-details .data-note { display:none; }
.shows-copy .rough-rule { margin:8px 0 12px; }
.data-note { font-size:10px;margin-top:7px; }
.shows-copy .button { font-size:14px;padding:9px 16px; }
.shows-copy > .data-note { font-size:9px; }
.shows-nights { aspect-ratio:auto;min-height:850px;margin-top:-45px;padding:80px 7% 65px; }
.nights-heading { position:relative;inset:auto;display:block; }
.nights-heading .lettering { width:100%; }
.nights-heading p { font-size:18px;margin-top:24px; }
.polaroid-gallery { position:relative;inset:auto;flex-wrap:wrap;width:114%;margin:30px -7% 0; }
.gallery-photo, .gallery-photo:nth-child(2), .gallery-photo:nth-child(3), .gallery-photo:nth-child(4) { width:54%;margin:-8px -2%; }
.steps-heading { position:relative;inset:auto;display:block; }
.steps-heading .lettering { width:100%; }
.steps-heading p { font-size:18px;margin-top:25px; }
.integration-note { position:relative;inset:auto;font-size:12px; }
.experience-map { aspect-ratio:auto;min-height:1610px;margin-top:-35px;padding:90px 6% 130px; }
.map-heading { position:relative;inset:auto;display:block; }
.map-heading .lettering { width:100%; }
.map-heading p { font-size:18px;margin:25px 0 35px; }
.map-widget { position:relative;inset:auto;border-radius:12px; }
.map-toolbar { flex-wrap:wrap;padding:14px;gap:12px; }
.search-field { flex-basis:100%;padding:0 10px;border-radius:6px; }
.search-field > span:first-child { font-size:34px; }
.search-field input { font-size:16px;padding:12px; }
.map-toolbar [role=tablist] { width:100%;gap:14px; }
.map-toolbar [role=tab] { border-radius:25px;font-size:14px;padding:9px 22px;flex:1; }
#panel-map iframe, .empty-spots { height:430px; }
.map-caption { border-radius:12px;padding:10px 14px;font-size:11px; }
.empty-spots h3 { font-size:24px; }
.search-status { font-size:14px;padding:12px;top:25%; }
summary { padding:15px 0;font-size:16px; }
summary span { font-size:25px; }
details p { font-size:14px;line-height:1.5;padding-bottom:15px; }
.experience-map:has(details[open]) { height:auto;padding-bottom:130px; }
.experience-policy { aspect-ratio:auto;min-height:850px;margin-top:-150px;padding:160px 7% 80px; }
.policy-copy { position:relative;inset:auto;width:100%; }
.policy-copy .lettering { width:80%;margin-bottom:28px; }
.policy-copy p { font-size:17px;line-height:1.5; }
.text-link { font-size:16px;margin:22px 0; }
.policy-cassette { position:relative;inset:auto;width:90%;margin:35px auto 0; }
}
@media (max-width:380px) {
.home-show { height:780px; }
.shows-next { height:850px; }
.shows-paper { top:31%; }
.shows-copy .venue { font-size:19px; }
.event-details li { font-size:13px; }
.shows-copy .button { font-size:12px; }
.songs { height:600px; }
}
@media (prefers-reduced-motion:reduce) {
*, *::before, *::after { scroll-behavior:auto !important;transition:none !important;animation:none !important; }
}
.record-stage { cursor:grab; }
.record-stage:active { cursor:grabbing; }
@media (max-width:700px) {
.songs { height:auto;padding:95px 0 70px; }
.songs-title { position:relative;inset:auto;margin-inline:auto; }
.record-carousel { position:relative;inset:auto;height:auto;margin-top:45px; }
.record-stage { height:auto;aspect-ratio:100 / 64; }
.record { width:62%;left:19%; }
.record.is-left { transform:translateX(-77%) scale(.67); }
.record.is-right { transform:translateX(77%) scale(.67); }
.carousel-controls { margin-top:14px; }
}
.page-experiencia .experience-map, .page-experiencia .experience-map:has(details[open]) { aspect-ratio:auto;height:auto;min-height:144.27vw;padding:11.5vw 8.7% 12vw;display:flow-root; }
.page-experiencia .map-heading { position:relative;inset:auto; }
.page-experiencia .map-widget { position:relative;inset:auto;margin:4vw auto 0;max-width:1040px; }
.page-experiencia #panel-map iframe, .page-experiencia .empty-spots { height:min(420px,55vh);height:min(420px,55svh); }
.page-experiencia .experience-map, .page-experiencia .experience-map:has(details[open]) { min-height:0; }
@media (max-width:700px) {
.page-experiencia #panel-map iframe, .page-experiencia .empty-spots { height:min(330px,52vh);height:min(330px,52svh); }
}
.page-experiencia summary { min-height:44px; }
.page-experiencia details p { max-width:75ch; }
.page-experiencia .text-link { min-height:35px; }
.page-experiencia .map-caption { bottom:max(2%,28px); }
@media (min-width:701px) and (max-width:1050px) {
.page-shows .shows-next { aspect-ratio:auto;min-height:650px; }
.page-shows .shows-paper { width:70%;left:35%;top:12%; }
.page-shows .shows-copy { top:18%; }
.page-shows .eyebrow { font-size:14px; }
.page-shows .venue { font-size:25px; }
.page-shows .event-details li { font-size:16px; }
.page-shows .shows-nights { margin-top:-65px; }
.page-shows .nights-heading p { font-size:16px; }
.page-experiencia .steps-heading p, .page-experiencia .map-heading p { font-size:17px;line-height:1.45; }
.page-experiencia .integration-note { font-size:12px; }
.page-experiencia .experience-map, .page-experiencia .experience-map:has(details[open]) { min-height:0;padding:80px 7% 110px; }
.page-experiencia .map-widget { margin-top:35px; }
.page-experiencia .search-field input { font-size:16px; }
.page-experiencia .map-toolbar [role=tab] { font-size:14px;min-height:44px;padding:8px 18px; }
.page-experiencia .map-caption { font-size:12px; }
.page-experiencia summary { font-size:17px;line-height:1.4;padding:13px 0; }
.page-experiencia summary span { font-size:24px; }
.page-experiencia details p { font-size:15px;line-height:1.5;margin-bottom:15px; }
.page-experiencia .experience-policy { aspect-ratio:auto;min-height:460px; }
.page-experiencia .policy-copy p { font-size:16px; }
.page-experiencia .text-link { font-size:16px; }
}
@media (max-width:700px) {
.page-shows .shows-next { aspect-ratio:auto;height:auto;min-height:0;padding:70px 0 115px;display:grid;grid-template-columns:100%; }
.page-shows .shows-paper { position:relative;top:auto;left:-14%;width:min(125%,600px);margin-top:-70px; }
.page-shows .shows-copy { top:17%; }
.page-shows .shows-copy .button { min-height:40px; }
.page-shows .shows-nights { min-height:0;padding-bottom:125px;margin-top:-80px; }
.page-shows .polaroid-gallery { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;width:calc(100% + 40px);margin:30px -20px 0; }
.page-shows .gallery-photo, .page-shows .gallery-photo:nth-child(n) { width:100%;margin:0; }
.page-experiencia .integration-note { margin:30px 0 0;line-height:1.5; }
.page-experiencia .experience-map, .page-experiencia .experience-map:has(details[open]) { min-height:0;padding:85px 6% 140px; }
.page-experiencia .map-widget { margin-top:0; }
.page-experiencia summary { font-size:16px;line-height:1.5;padding:15px 0; }
.page-experiencia details p { font-size:15px;line-height:1.55;padding-bottom:15px; }
.page-experiencia .experience-policy { min-height:0;padding-bottom:90px; }
}
@media (max-width:380px) {
.page-shows .shows-paper { width:420px;left:calc(50% - 210px); }
.page-shows .shows-copy .eyebrow { margin-bottom:8px; }
.page-shows .shows-copy .venue { font-size:18px;margin:6px 0; }
.page-shows .shows-copy .rough-rule { margin:6px 0 8px; }
.page-shows .event-details { gap:6px;margin-bottom:8px; }
}
.paper-surface > img { width:100%;height:100%;object-fit:fill; }
@media (max-width:700px) {
.paper-surface { border:0 solid transparent;border-image-source:var(--paper-medium);border-image-slice:var(--slice-top) 0 var(--slice-bottom) fill;border-image-width:max(18px,var(--edge-top)) 0 max(18px,var(--edge-bottom)) 0;border-image-repeat:stretch; }
.paper-surface > img { opacity:0; }
.home-show { margin-top:-100px; }
.page-experiencia .experience-map { margin-top:-65px; }
}
@media (max-width:480px) {
.paper-surface { border-image-source:var(--paper-small); }
}
@media (max-width:700px) {
}
html { scrollbar-gutter:stable; }
.event-status { display:block;font-size:clamp(10px,.8vw,13px);line-height:1.35;font-weight:400;margin-top:5px;color:var(--oscuro); }
.page-home .show-copy .venue { margin-bottom:1.1vw; }
.page-shows .shows-copy .venue { margin-bottom:.5vw; }
.page-experiencia .integration-note { max-width:75ch;line-height:1.45; }
.page-experiencia .text-link { white-space:normal;text-align:left; }
.page-home .home-bio { z-index:5; }
@media (max-width:700px) {
.event-status { font-size:11px; }
.page-home .show-copy .venue { margin-bottom:10px; }
.page-shows .shows-copy .venue { margin-bottom:5px; }
.page-shows .shows-copy > .data-note { line-height:1.4;margin-top:5px; }
.page-experiencia .experience-policy { padding-bottom:105px; }
.page-home .songs { padding-top:120px; }
}
@media (min-width:701px) {
.page-home .songs { margin-top:-14.5vw; }
.page-home .songs-title { top:22%; }
}
@media (min-width:701px) and (max-width:1050px) {
}
.merch-catalog { margin-top:-7vw;padding:12vw 0 12vw;z-index:2; }
.catalog-inner { width:82.6%;max-width:1600px;margin:auto; }
.catalog-title { width:51%;margin:0 0 7vw; }
.catalog-title img { width:100%; }
.product-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5vw 1.4vw; }
.product-card { display:flex;flex-direction:column;align-items:center;padding:2vw;border-radius:24px;background:#f4ebddcc;box-shadow:0 7px 20px #392b331c;text-align:center;color:var(--bordo); }
.product-card h3 { font-size:clamp(20px,2.2vw,36px);line-height:1.15;margin:1.7vw 0 .8vw; }
.product-card p { font-size:clamp(14px,1.15vw,20px);line-height:1.4;margin-bottom:1.4vw; }
.product-card .button { margin-top:auto;width:82%;font-weight:700;padding:.85vw 1vw; }
.product-dialog { width:min(900px,92vw);max-height:90svh;border:0;border-radius:18px;padding:50px 30px 30px;background:var(--claro);color:var(--oscuro); }
.product-dialog[open] { display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center; }
.product-dialog::backdrop { background:#170c12d9; }
.product-dialog > img { width:100%;max-height:65svh;object-fit:contain; }
.product-dialog h2 { font-size:clamp(24px,3vw,38px); }
.product-dialog p { line-height:1.6; }
.product-dialog .button { font-size:16px;padding:14px 24px; }
.contact-section { margin-top:-9vw;padding:14vw 0 14vw;z-index:2;color:var(--claro); }
.contact-form { font-size:clamp(16px,1.4vw,22px);line-height:1.5; }
.contact-field { margin-bottom:1.7vw; }
.contact-field label { display:block;font-weight:600;margin-bottom:.6vw; }
.contact-field input, .contact-field select, .contact-field textarea { display:block;width:100%;min-height:44px;padding:11px 18px;border:2px solid #d1ccc8;border-radius:12px;background:#fffdfd;color:var(--oscuro);font:inherit; }
.contact-field textarea { resize:vertical;min-height:180px; }
.contact-field input, .contact-field select { height:48px;line-height:1.35; }
.contact-field input::placeholder, .contact-field textarea::placeholder { color:#8a6267;opacity:1; }
.contact-field [aria-invalid=true] { border-color:var(--acento); }
.field-error { color:#fff;font-size:15px;line-height:1.4;margin:8px 0 0;padding-left:12px;border-left:3px solid var(--acento); }
.contact-availability { font-size:clamp(14px,1.1vw,18px);line-height:1.6; }
.contact-form .button { padding:14px 30px;font-size:18px;min-height:44px; }
#contact-status { font-size:16px;line-height:1.5;margin:18px 0 0; }
#contact-status:empty { display:none; }
@media (max-width:1050px) {
.product-card { padding:18px; }
.product-card .button { width:100%;padding:12px; }
.product-card p br { display:none; }
.contact-field { margin-bottom:22px; }
}
@media (max-width:700px) {
.merch-catalog { padding:65px 0 85px;margin-top:-30px; }
.catalog-inner { width:88%; }
.catalog-title { width:95%;margin-bottom:35px; }
.product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px; }
.product-card { border-radius:16px;padding:12px; }
.product-card h3 { font-size:19px;margin:16px 0 10px; }
.product-card p { font-size:13px;margin-bottom:15px; }
.product-card .button { font-size:14px;min-height:44px;padding:10px 8px; }
.product-dialog[open] { grid-template-columns:1fr;gap:15px; }
.product-dialog > img { max-height:36svh; }
.contact-section { padding:75px 0 100px;margin-top:-65px; }
.contact-field label { margin-bottom:8px; }
.contact-field textarea { min-height:180px; }
}
@media (max-width:360px) {
.product-grid { grid-template-columns:1fr; }
.product-card { padding:20px; }
}
/* signature.css */
/* El contenedor conserva las medidas y breakpoints originales del Hero. */
.page-home .hero-title { aspect-ratio:899/580 }
.page-home .hero-paper { display:block;width:100%;height:auto }
.page-home .hero-signature { position:absolute;width:80.3%;height:auto;left:12.45%;top:14.8%;overflow:visible }
/* responsive-final.css */
/* Cierre responsive. Los dibujos y collages conservan siempre su proporción. */
picture { display:block }
picture>img { width:100%;height:auto }
.section-back { object-fit:cover }
.section-back>img { width:100%;height:100%;object-fit:cover }
.mobile-show-record { display:none }
.contact-email { color:var(--claro);text-underline-offset:4px;overflow-wrap:anywhere }
.ra-entry-row { position:absolute;bottom:12%;left:9%;margin:0 }
.zenon-map-stage:not(.map-started)::after { background-image:none }
.experience-steps .integration-note { bottom:4% }
@media(max-width:1100px) {
.ra-entry-row { position:relative;inset:auto;margin:24px 0 0;text-align:center }
}
.button { min-height:44px }
.record-image, .experience-collage, .bio-collage { object-fit:contain }
/* Capas explícitas al separar un fondo <img> en <picture>. */
.home-bio>.section-back { z-index:0 }
.home-bio>.bio-copy, .home-bio>.bio-collage { z-index:1 }
@media(min-width:701px) and (max-width:1100px) {
.page-experiencia .steps-heading { position:relative;inset:auto;gap:5% }
.page-experiencia .integration-note { position:relative;inset:auto;margin-top:25px }
.page-home .songs { min-height:590px;aspect-ratio:auto }
.page-home .record-carousel { top:38%;height:48% }
.page-home .record-label strong { font-size:20px }
.page-home .record-label span span { font-size:13px }
}
@media(max-width:700px) {
html { scrollbar-gutter:auto }
.hero { height:100svh;min-height:620px;max-height:950px }
.hero-title { top:16%;width:100%;left:0 }
.hero-scene { width:190%;left:-18%;max-width:none }
.page-home .home-experience { display:flex;min-height:0;padding:75px 7% 90px;margin-top:-36px;gap:24px }
.experience-copy { display:contents }
.experience-copy .lettering { order:0;width:88%;margin:0 auto }
.experience-collage { order:1;width:min(100%,380px);margin:0 auto }
.experience-copy p { order:2;text-align:center;font-size:16px;margin:0;line-height:1.5 }
.experience-copy .button { order:3;font-size:15px;margin:0 auto }
.page-home .home-show { height:auto;min-height:0;display:grid;padding:75px 5% 100px;margin-top:-45px;overflow:clip }
.show-photo { position:relative;inset:auto;width:78%;max-width:360px;z-index:3;justify-self:center }
.home-show-paper { position:relative;inset:auto;width:100%;max-width:420px;justify-self:center;margin-top:0;z-index:2 }
.home-show .show-copy { left:12%;top:16%;width:76% }
.home-show .eyebrow { font-size:11px;margin-bottom:8px }
.home-show .show-copy .lettering { width:85% }
.home-show .venue { font-size:20px;margin:5px 0 10px }
.home-show .event-status { font-size:10px }
.home-show .button { font-size:14px;padding:10px 22px }
.mobile-show-record { display:block;position:absolute;right:0;bottom:25px;width:25%;height:auto;z-index:1 }
.page-home .home-bio { min-height:0;padding:80px 8% 100px;margin-top:-45px }
.home-bio .section-back>img { object-fit:cover }
.bio-copy .lettering { width:75%;margin-bottom:28px }
.bio-copy p { font-size:16px;line-height:1.55;margin-bottom:20px }
.bio-collage { width:110%;margin:20px -5% 0 }
.page-home .songs { height:auto;min-height:0;padding:85px 0 75px;margin-top:-55px;overflow:clip }
.songs-title { width:80% }
.record-carousel { margin-top:35px;width:100%;left:auto;right:auto }
.record-stage { aspect-ratio:100/69 }
.carousel-controls { margin-top:24px }
.shows-hero .section-back, .shows-hero .section-back>img { object-position:85% center }
.page-shows .shows-next { padding:65px 5% 85px;min-height:0;height:auto;display:grid;overflow:visible;margin-top:-30px }
.page-shows .shows-paper { width:100%;max-width:460px;left:auto;top:auto;position:relative;margin-top:-12px;justify-self:center;display:grid;grid-template-areas:'paper' }
.shows-paper>.paper-art { grid-area:paper;width:100%;height:auto;align-self:start }
.page-shows .shows-copy { grid-area:paper;position:relative;inset:auto;width:auto;padding:16% 13% 14% }
.page-shows .shows-copy .lettering { width:100% }
.page-shows .shows-copy .eyebrow { font-size:11px;margin-bottom:8px }
.page-shows .shows-copy .venue { font-size:21px }
.page-shows .event-details li { font-size:13px;gap:8px }
.page-shows .event-details img { width:21px;height:23px;object-fit:contain }
.page-shows .shows-copy .button { font-size:13px;padding:10px 15px }
.page-shows .shows-nights { padding:80px 6% 100px;margin-top:-45px;min-height:0 }
.nights-heading .lettering { width:100% }
.nights-heading p { font-size:16px;line-height:1.5;margin-top:22px }
.steps-heading .lettering { width:100% }
.steps-heading p { font-size:16px;text-align:center;margin:20px 0 }
.page-experiencia .integration-note { font-size:13px }
.page-experiencia .experience-map, .page-experiencia .experience-map:has(details[open]) { padding:75px 5% 100px;margin-top:-35px }
.map-heading .lettering { width:100% }
.map-heading p { font-size:16px;margin:20px 0 30px }
.page-experiencia summary { font-size:14px;line-height:1.4;padding:11px 0;min-height:44px }
.page-experiencia details p { font-size:13px;line-height:1.45;margin:0 0 12px;padding:0 }
.page-experiencia .experience-policy { padding:80px 7% 95px;margin-top:-40px;display:flex;flex-direction:column;min-height:0 }
.page-experiencia .experience-policy { background:var(--claro) }
.policy-copy { display:contents }
.policy-copy .lettering { order:0;width:85%;margin-bottom:30px }
.policy-cassette { order:1;width:95%;margin:0 auto 30px }
.policy-copy p { order:2;font-size:16px;line-height:1.5 }
.policy-copy .text-link { order:3;margin:8px 0;font-size:15px;min-height:44px }
.page-merch .merch-catalog { padding:75px 0 100px;margin-top:-30px }
.catalog-inner { width:88%;max-width:470px }
.catalog-title { width:95%;margin:0 auto 35px }
.product-grid { grid-template-columns:minmax(0,1fr);gap:75px }
.product-card { padding:20px 18px 24px;border-radius:3px;background:#f4ebdd;box-shadow:none }
.product-card h3 { font-size:24px;margin:18px 0 10px }
.product-card p { font-size:16px;line-height:1.45;margin-bottom:18px }
.product-card .button { font-size:16px;min-height:44px }
.page-contacto .contact-section { padding:75px 0 100px;margin-top:-30px }
.contact-form .button { width:100%;font-size:17px }
.contact-field input, .contact-field select, .contact-field textarea { font-size:16px }
.footer-inner { padding:65px 0 45px;width:86%;display:flex;flex-direction:column;gap:22px }
.footer-logo { width:58%;max-width:250px }
.footer-logo img { width:100%;max-width:100%;transform:none }
.socials { order:1;gap:16px;justify-content:center }
.socials a { width:44px;height:44px;display:grid;place-items:center }
.socials img { width:28px;height:28px;object-fit:contain }
.credits { order:2;font-size:11px;line-height:1.5 }
.credits nav { font-size:12px;line-height:2.2 }
.credits a { display:inline-block;padding:4px }
}
/* experience-map.css */
/* Mapa de Experiencia. Aislado de los estilos de las otras cuatro páginas. */
.page-experiencia .zenon-map-widget { background: var(--claro); border: 1px solid #392b3328; border-radius: 16px 13px 20px 10px; box-shadow: 0 4px 12px #211a2018; }
.zenon-map-widget .map-toolbar { min-height: 66px; padding: 12px 18px; gap: 20px; border-bottom: 1px solid #392b3326; }
.zenon-map-widget .search-field { flex: 1; min-width: 0; }
.zenon-map-widget .search-field input { width: 100%; font: inherit; font-size: 15px; min-height: 44px; color: var(--oscuro); }
.zenon-map-widget .map-toolbar [role=tab] { font-size: 13px; min-height: 44px; padding: 8px 22px; border-width: 2px; border-radius: 25px; }
.zenon-map-widget .map-toolbar [role=tablist] { gap: 10px; }
#experience-map-canvas { position: absolute; inset: 0; }
/* La textura pertenece al papel original; no intercepta los gestos del mapa. */
.zenon-map-stage::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: url('../art/EXPERIENCIA_MAPA_TARJETAPAPEL.webp') center / 750px auto; mix-blend-mode: multiply; opacity: .13; }
.map-loading { position: absolute; inset: 0; z-index: 3; display: grid; place-content: center; padding: 30px 70px; text-align: center; color: var(--oscuro); font-size: 15px; background: #f4ebdded; pointer-events: none; }
.map-loading.is-error { inset: auto 55px 30px 14px; border-radius: 8px; padding: 12px; background: #f4ebddf5; font-size: 13px; }
.zenon-map-widget .map-help { padding: 11px 18px; margin: 0; color: #65565e; font-size: 12px; line-height: 1.45; }
.map-fit { position: absolute; top: 14px; left: 14px; z-index: 3; min-height: 44px; padding: 8px 14px; border: 1px solid #392b3355; border-radius: 7px; background: #f4ebddf5; color: var(--bordo); font-size: 12px; font-weight: 600; cursor: pointer; }
.map-fit:disabled { opacity: .6; cursor: wait; }
.zenon-map-widget .maplibregl-ctrl-group { background: var(--claro); box-shadow: none; border: 1px solid #392b3340; }
.zenon-map-widget .maplibregl-ctrl-group button { width: 44px; height: 44px; }
.zenon-map-widget .maplibregl-ctrl-attrib { background: #f4ebdde8; color: var(--oscuro); font: 10px/1.5 'Space Grotesk',sans-serif; padding: 3px 7px; max-width: 100%; }
.zenon-map-widget .maplibregl-ctrl-attrib a { color: var(--oscuro); }
.zenon-map-widget .maplibregl-canvas:focus-visible { outline: 3px solid var(--acento); outline-offset: -4px; }
.pick-marker { width: 62px; height: 62px; border: 0; padding: 0; background: transparent; cursor: pointer; }
.pick-marker img { width: 100%; height: 100%; object-fit: contain; transition: transform 180ms ease,filter 180ms ease; }
.pick-marker[aria-expanded=true] img { transform: scale(1.13); filter: drop-shadow(2px 0 0 #f4bf43) drop-shadow(-2px 0 0 #f4bf43) drop-shadow(0 2px 0 #f4bf43) drop-shadow(0 -2px 0 #f4bf43); }
.pick-marker:hover img { transform: scale(1.08); }
.pick-marker[aria-expanded=true]:hover img { transform: scale(1.13); }
.pick-marker:focus-visible { outline: 2px dashed var(--bordo); outline-offset: 3px; border-radius: 50%; }
.maplibregl-marker:has(.pick-marker[aria-expanded=true]), .maplibregl-marker.pick-marker[aria-expanded=true] { z-index: 2; }
.spot-list { list-style: none; padding: 16px; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.spot-list button { width: 100%; height: 100%; min-height: 92px; padding: 16px; border: 1px solid #62202438; border-radius: 7px; text-align: left; background: transparent; color: var(--oscuro); cursor: pointer; }
.spot-list strong { display: block; font-size: 17px; margin-bottom: 4px; }
.spot-list span { display: block; font-size: 13px; line-height: 1.5; }
.spot-list .spot-list-count { color: var(--bordo); font-size: 12px; margin-top: 5px; }
.spot-search-status { margin: 0; padding: 0 18px 12px; color: var(--oscuro); font-size: 12px; line-height: 1.4; }
.spot-search-status:empty { display: none; }
@media (max-width: 700px) {
.zenon-map-widget .map-toolbar { padding: 10px 12px; gap: 8px; }
.zenon-map-widget .search-field { flex-basis: 100%; }
.zenon-map-widget .map-toolbar [role=tablist] { width: 100%; }
.zenon-map-widget .map-toolbar [role=tab] { flex: 1; }
.pick-marker { width: 58px; height: 58px; }
.map-fit { left: 10px; top: 10px; font-size: 11px; padding: 7px 10px; }
.spot-list { grid-template-columns: 1fr; }
.zenon-map-widget .map-help { font-size: 11px; }
}
@keyframes paper-unfold { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@media (prefers-reduced-motion:reduce) {
.pick-marker img { transition: none; }
}
/* paper-edges.css */
/* Bordes medidos sobre los archivos originales utilizados. */
.edge-home-experiencia-fondo { --edge-image:url('../../assets/art/HOME_EXPERIENCIA_FONDO.webp');--edge-slice-top:86;--edge-slice-bottom:120;--edge-size-top:4.9769vw;--edge-size-bottom:6.9444vw;--core-zoom:1.4356 }
.edge-home-bio-fondo { --edge-image:url('../../assets/art/HOME_BIO_FONDO.webp');--edge-slice-top:145;--edge-slice-bottom:103;--edge-size-top:8.3912vw;--edge-size-bottom:5.9606vw;--core-zoom:1.4307 }
@media(max-width:700px) {
.edge-home-bio-fondo { --edge-image:url('../../assets/actualizacion/HOME_BIO_FONDO_MOBILE.webp');--edge-slice-top:71;--edge-slice-bottom:85;--edge-size-top:18.0662vw;--edge-size-bottom:21.6285vw;--core-zoom:1.3008 }
}
.edge-home-canciones-fondo { --edge-image:url('../../assets/art/HOME_CANCIONES_FONDO.webp');--edge-slice-top:126;--edge-slice-bottom:47;--edge-size-top:7.2917vw;--edge-size-bottom:2.7199vw;--core-zoom:1.3504 }
.edge-shows-fechas-fondo { --edge-image:url('../../assets/art/SHOWS_FECHAS_FONDO.webp');--edge-slice-top:210;--edge-slice-bottom:187;--edge-size-top:12.1528vw;--edge-size-bottom:10.8218vw;--core-zoom:1.3689 }
@media(max-width:700px) {
.edge-shows-fechas-fondo { --edge-image:url('../../assets/actualizacion/SHOWS_FECHAS_FONDO_MOBILE.webp');--edge-slice-top:58;--edge-slice-bottom:82;--edge-size-top:14.7583vw;--edge-size-bottom:20.8651vw;--core-zoom:1.3187 }
}
.edge-shows-enterate-fondo { --edge-image:url('../../assets/actualizacion/SHOWS_ENTERATE_FONDO.webp');--edge-slice-top:217;--edge-slice-bottom:135;--edge-size-top:12.5579vw;--edge-size-bottom:7.8125vw;--core-zoom:2.0917 }
@media(max-width:700px) {
.edge-shows-enterate-fondo { --edge-image:url('../../assets/actualizacion/SHOWS_ENTERATE_FONDO_MOBILE.webp');--edge-slice-top:94;--edge-slice-bottom:22;--edge-size-top:23.9186vw;--edge-size-bottom:5.5980vw;--core-zoom:1.5102 }
}
.edge-experiencia-ra-fondo { --edge-image:url('../../assets/art/EXPERIENCIA_RA_FONDO.webp');--edge-slice-top:113;--edge-slice-bottom:124;--edge-size-top:6.5394vw;--edge-size-bottom:7.1759vw;--core-zoom:1.3336 }
.edge-experiencia-politica-fondo { --edge-image:url('../../assets/art/EXPERIENCIA_POLITICA_FONDO.webp');--edge-slice-top:230;--edge-slice-bottom:6;--edge-size-top:13.3102vw;--edge-size-bottom:0.3472vw;--core-zoom:1.6705 }
.edge-merch-catalogo-fondo { --edge-image:url('../../assets/art/MERCH_CATALOGO_FONDO.webp');--edge-slice-top:104;--edge-slice-bottom:79;--edge-size-top:6.0185vw;--edge-size-bottom:4.5718vw;--core-zoom:1.1576 }
.edge-contacto-formulario-fondo { --edge-image:url('../../assets/art/CONTACTO_FORMULARIO_FONDO.webp');--edge-slice-top:182;--edge-slice-bottom:166;--edge-size-top:10.5324vw;--edge-size-bottom:9.6065vw;--core-zoom:1.3344 }
/* visual-polish.css */
/* Las siluetas rasgadas permanecen inmóviles. Solo se mueve decoración interior. */
html { scroll-padding-top:90px }
main [id] { scroll-margin-top:90px }
.site-header { position:relative;z-index:50 }
.home-show, .shows-next, .shows-nights, .songs { overflow:visible }
/* Tres planos del mismo original: bordes a escala natural y centro con cover.
   No se estira ningún eje; el recorte interior queda debajo de los bordes. */
.section-back.edge-paper { border:0;border-image:none }
.edge-paper>.paper-core { position:absolute;inset:0;overflow:hidden }
.edge-paper.paper-ready>.paper-core { inset:calc(var(--edge-size-top) - 2px) 0 calc(var(--edge-size-bottom) - 2px) }
.paper-core>picture { position:absolute;inset:0;width:100%;height:100% }
.paper-core>img, .paper-core>picture>img { width:100%;height:100%;object-fit:cover;opacity:1 }
.paper-ready>.paper-core>img, .paper-ready>.paper-core>picture>img { transform:scale(var(--core-zoom,1.5)) }
.edge-paper.paper-ready::before, .edge-paper.paper-ready::after { content:'';display:block;position:absolute;left:0;right:0;pointer-events:none;background-image:var(--edge-image);background-size:100% auto;background-repeat:no-repeat;z-index:1 }
.edge-paper.paper-ready::before { top:0;height:var(--edge-size-top);background-position:center top }
.edge-paper.paper-ready::after { bottom:0;height:var(--edge-size-bottom);background-position:center bottom }
.page-home .songs { z-index:6 }
.page-home .home-experience { margin-top:-6vw }
.page-shows .shows-next { margin-top:-8vw;z-index:3 }
@media(min-width:1051px) {
.page-shows .shows-paper { width:57% }
}
@media(min-width:701px) and (max-width:1050px) {
.page-shows .shows-paper { width:65% }
}
.page-shows .shows-nights { margin-top:-14vw }
.page-shows .shows-nights { overflow-x:clip;overflow-y:visible }
.page-contacto .contact-section { margin-top:-12vw }
.page-experiencia .experience-steps .ra-entry-row { bottom:8% }
/* Lámpara integrada en HOME_HERO_SILLÓN: una elipse solo sobre la pantalla. */
.lamp-glow { position:absolute;z-index:3;pointer-events:none;left:76.8%;bottom:31.15vw;width:15.6%;aspect-ratio:270/215;opacity:.12;background:radial-gradient(ellipse,#ffe8a6 0%,#ffd78788 42%,#ffce701a 65%,transparent 76%);mix-blend-mode:screen;animation:lamp-warmth 17.9s linear infinite }
@keyframes lamp-warmth {0%,19%,32%,61%,82%,100%{opacity:.12}23%{opacity:.17}27%{opacity:.13}62.1%{opacity:.16}62.8%{opacity:.08}63.4%{opacity:.15}64.2%{opacity:.11}87%{opacity:.16}94%{opacity:.13}}
.hero:not(.hero-in-view) .lamp-glow { animation-play-state:paused }
@media(max-width:700px) {
.page-home .home-experience { margin-top:-8vw }
.page-home .home-bio { margin-top:-25vw;padding-top:calc(18vw + 25px) }
.page-home .songs { margin-top:-32vw;padding-top:calc(10vw + 55px) }
.page-shows .shows-next { margin-top:-8vw }
.page-shows .shows-nights { margin-top:-25vw;padding-top:calc(4vw + 60px) }
.page-experiencia .experience-policy { margin-top:-18vw;background:transparent }
.page-contacto .contact-section { margin-top:-12vw }
.page-experiencia .experience-steps .ra-entry-row { bottom:auto }
.lamp-glow { left:127.92%;bottom:59.185vw;width:29.64% }
}
@media(prefers-reduced-motion:reduce) {
html { scroll-behavior:auto }
.lamp-glow { display:none;animation:none }
}
/* correcciones-20261025.css */
/* Recursos originales, sin sombra integrada ni bordes sintéticos. */
.page-home .home-bio { z-index:7 }
.page-home .songs { z-index:6 }
.form-status:empty, #contact-availability:empty { display:none }
.page-experiencia .experience-steps .ra-entry-row { position:relative;inset:auto;margin:30px 0 0;text-align:center;z-index:2 }
@media(min-width:1101px) {
.page-experiencia .steps-heading { position:relative;inset:auto }
}
/* Un solo PNG determina la silueta completa. Las respuestas se desplazan
   dentro del área útil cuando se abren varias, sin estirar el papel. */
.page-experiencia .experience-map { overflow:visible;z-index:2 }
.page-experiencia .experience-map>.map-back { overflow:hidden }
.page-experiencia .map-back>img { position:absolute;inset:0;width:100%;height:134%;object-fit:cover;object-position:center top }
.page-experiencia .experience-policy { z-index:3;background:none }
/* La política solapa el fondo del mapa, conservando el espacio del FAQ. */
.page-experiencia .experience-map, .page-experiencia .experience-map:has(details[open]) { padding-bottom:15vw }
.page-experiencia .experience-policy { margin-top:-13vw }
/* El PNG usa el mismo lienzo de 1728 × 863 que el sillón. */
.hero-lamp { position:absolute;z-index:3;pointer-events:none;bottom:0;left:0;width:100%;max-width:none;height:auto;opacity:1;animation:lamp-light 23.7s linear infinite;clip-path:inset(0 0 61% 0) }
@keyframes lamp-light {0%,17%,39%,67%,100%{filter:brightness(1)}23%{filter:brightness(1.035)}47%{filter:brightness(1.018)}68.1%{filter:brightness(1.025)}68.7%{filter:brightness(.975)}69.3%{filter:brightness(1.012)}70.2%{filter:brightness(1)}89%{filter:brightness(1.025)}}
.hero:not(.hero-in-view) .hero-lamp { animation-play-state:paused }
@media(max-width:700px) {
.page-shows .polaroid-gallery { width:100%;margin:18px 0 0;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center }
.page-shows .gallery-photo:nth-child(n) { width:112%;max-width:none;margin:-12px -6% }
.page-shows .gallery-photo:nth-child(even) { margin-top:10px }
.page-experiencia .ra-entry-symbol { display:none }
.page-experiencia .experience-policy { margin-top:-18vw }
.page-experiencia .experience-map, .page-experiencia .experience-map:has(details[open]) { padding-bottom:24vw }
.hero-lamp { width:190%;left:-18% }
}
@media(prefers-reduced-motion:reduce) {
.hero-lamp { animation:none;filter:none }
.lamp-glow { display:block;animation:none;opacity:.12 }
}
/* revision-final.css */
/* Las bandas de transición se mezclan dentro del papel; la silueta conserva
   el alfa original. No hay un cambio duro de escala debajo del rasgado. */
.edge-paper { --paper-blend:clamp(24px,3.5vw,64px) }
.paper-ready>.paper-core>img, .paper-ready>.paper-core>picture>img { transform:scale(var(--core-zoom,1.35)) }
.edge-paper.paper-ready::before { height:calc(var(--edge-size-top) + var(--paper-blend));mask-image:linear-gradient(to bottom,#000 0,#000 var(--edge-size-top),transparent 100%) }
.edge-paper.paper-ready::after { height:calc(var(--edge-size-bottom) + var(--paper-blend));mask-image:linear-gradient(to top,#000 0,#000 var(--edge-size-bottom),transparent 100%) }
/* Holgura estática de los bordes originales. */
.section-back.edge-paper { inset:-18px 0;height:calc(100% + 36px) }
/* Show: el contenido determina el alto; la tarjeta conserva la proporción
   de su imagen y se separa de la siguiente unión. */
.page-shows .shows-next { display:grid;grid-template-columns:43% 57%;align-items:center;aspect-ratio:auto;min-height:0;padding:10vw 0 15vw }
.page-shows .shows-next>.section-back { height:calc(100% + max(120px,15vw));bottom:auto;object-position:center top }
.page-shows .shows-paper { position:relative;inset:auto;width:100%;display:grid;min-height:0 }
.page-shows .shows-paper>.paper-art { grid-area:1/1;position:absolute;inset:0;width:100%;height:100%;align-self:stretch }
.page-shows .shows-paper>.paper-art>img { width:100%;height:100%;object-fit:cover;object-position:center }
.page-shows .shows-copy { grid-area:1/1;position:relative;inset:auto;width:auto;padding:18% 26% 24% 23%;min-height:calc(57vw * .903) }
.page-shows .shows-copy .eyebrow { margin-bottom:1.25vw }
.page-shows .event-details li { font-size:clamp(15px,1.48vw,25px);line-height:1.35 }
.page-shows .event-details { gap:1vw;margin-bottom:1.5vw }
.page-shows .shows-copy .data-note { display:block;font-size:12px;margin:10px 0 0 }
.page-shows .shows-nights { margin-top:-8vw }
/* Los tres recursos se leen en filas comunes: número, ilustración, título
   y descripción. Los dos viewBox del mismo PNG no repiten contenido. */
/* Título y subrayado quedan debajo de la máxima altura del borde original,
   sin invadir el borde rasgado. */
.page-experiencia .experience-policy { aspect-ratio:auto;min-height:0;padding:calc(15vw + 28px) 8.7% 10vw;display:grid;grid-template-columns:52% 42%;gap:6%;align-items:center }
.page-experiencia .policy-copy, .page-experiencia .policy-cassette { position:relative;inset:auto;width:100% }
.page-experiencia .policy-copy .lettering { width:68%;margin-bottom:2.5vw }
.page-experiencia .policy-cassette { margin:0 }
/* El extremo recto del cable coincide con el borde del lienzo. */
/* La lámpara comparte el mismo marco y el mismo recorte que la escena. */
.lamp-light-layer { position:absolute;z-index:3;pointer-events:none;bottom:0;left:0;width:100%;aspect-ratio:1728/863 }
.lamp-light-layer .hero-lamp { position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 0 61% 0);animation:lamp-visible-warmth 12.8s linear infinite }
.lamp-light-layer .lamp-glow { left:76.5%;top:11.5%;bottom:auto;width:17%;height:29%;aspect-ratio:auto;opacity:.26;background:radial-gradient(ellipse,#ffdfa9 0%,#ffc56899 37%,#ffa93830 63%,transparent 77%);filter:blur(3px);animation:lamp-local-glow 11.3s ease-in-out infinite }
@keyframes lamp-visible-warmth {0%,8%,100%{filter:brightness(1.03) saturate(1.06)}20%{filter:brightness(1.16) saturate(1.09)}35%{filter:brightness(.96) saturate(1.08)}48%{filter:brightness(1.11) saturate(1.06)}60%{filter:brightness(1.02) saturate(1.08)}63%{filter:brightness(1.1) saturate(1.09)}63.6%{filter:brightness(.9) saturate(1.06)}64.6%,67%{filter:brightness(1.05) saturate(1.08)}84%{filter:brightness(1.15) saturate(1.09)}}
@keyframes lamp-local-glow {0%,100%{opacity:.22}18%{opacity:.36}38%{opacity:.2}57%{opacity:.31}71%{opacity:.26}72%{opacity:.19}74%{opacity:.28}88%{opacity:.4}}
.hero:not(.hero-in-view) .lamp-light-layer img, .hero:not(.hero-in-view) .lamp-light-layer .lamp-glow { animation-play-state:paused }
@media(min-width:701px) and (max-width:1100px) {
.page-shows .shows-copy { padding:15% 21% 25% 20% }
.page-shows .shows-copy .eyebrow { font-size:13px }
.page-shows .shows-copy .venue { font-size:23px }
.page-experiencia .steps-heading { inset:auto }
}
@media(max-width:700px) {
.section-back.edge-paper { inset:-12px 0;height:calc(100% + 24px) }
.page-shows .shows-next { display:flex;flex-direction:column;padding:65px 0 100px;margin-top:-12vw }
.page-shows .shows-paper { width:100%;margin:0;left:auto }
.page-shows .shows-copy { padding:18% 14% 24%;min-height:0 }
.page-shows .shows-copy .eyebrow { font-size:12px;margin-bottom:12px }
.page-shows .shows-copy .lettering { width:100% }
.page-shows .shows-copy .venue { font-size:22px;margin:10px 0 14px }
.page-shows .event-details { gap:12px;margin:18px 0 22px }
.page-shows .event-details li { font-size:14px }
.page-shows .shows-nights { margin-top:-100px;padding-top:130px }
.page-experiencia .experience-policy { display:flex;flex-direction:column;padding:calc(15vw + 45px) 7% 100px }
.page-experiencia .policy-copy { display:contents }
.page-experiencia .policy-copy .lettering { width:88%;margin-bottom:30px }
.page-experiencia .policy-cassette { width:95%;margin:0 auto 30px }
.lamp-light-layer { width:190%;left:-18% }
}
@media(prefers-reduced-motion:reduce) {
.lamp-light-layer .hero-lamp { animation:none;filter:brightness(1.03) saturate(1.06) }
.lamp-light-layer .lamp-glow { display:block;animation:none;opacity:.26 }
}
/* La franja superior incorporada en Noches queda bajo el papel anterior. */
@media(max-width:700px) {
.page-shows .shows-next { margin-top:-20vw;padding-top:85px }
}
/* El fondo rojo continúa debajo del papel de biografía. */
.page-home .home-show>.section-back { height:calc(100% + 18vw);bottom:auto;object-position:center top }
/* Cierre de tres ajustes: un único plano evita cualquier costura horizontal
   entre un borde y el centro de la textura. La silueta usa el alfa original. */
.continuous-paper { position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none }
.section-back.edge-paper.continuous-paper-ready>.paper-core { display:none }
.section-back.edge-paper.continuous-paper-ready::before, .section-back.edge-paper.continuous-paper-ready::after { display:none }
/* Márgenes medidos sobre el área de papel, excluyendo transparencias y ticket. */
.page-shows .shows-copy { display:flex;flex-direction:column;align-items:flex-start;padding:26% 25% 13% 24%;min-width:0 }
.page-shows .shows-copy .eyebrow { font-size:clamp(14px,1.2vw,20px);margin:0 0 clamp(14px,1.3vw,20px) }
.page-shows .shows-copy .lettering { width:92%;margin:0 }
.page-shows .shows-copy .venue { font-size:clamp(24px,2.05vw,32px);margin:clamp(10px,1vw,16px) 0 clamp(14px,1.4vw,22px) }
.page-shows .shows-copy .rough-rule { width:100%;margin:0 0 clamp(18px,1.5vw,24px) }
.page-shows .shows-copy .event-details { width:100%;gap:clamp(12px,1.15vw,18px);margin:0 0 clamp(24px,2vw,30px) }
.page-shows .event-details li>span { min-width:0 }
.page-shows .shows-copy .button { align-self:flex-start;margin:0;max-width:100% }
@media(min-width:701px) and (max-width:1100px) {
.page-shows .shows-copy { padding:26% 24% 14% 23% }
.page-shows .shows-copy .eyebrow { font-size:13px;margin-bottom:14px }
.page-shows .shows-copy .venue { font-size:22px;margin:12px 0 16px }
.page-shows .shows-copy .event-details { gap:12px;margin-bottom:24px }
}
@media(max-width:700px) {
.page-shows .shows-copy { padding:22% 14% 16% }
.page-shows .shows-copy .eyebrow { font-size:12px;margin-bottom:14px }
.page-shows .shows-copy .lettering { width:100% }
.page-shows .shows-copy .venue { font-size:22px;margin:12px 0 16px }
.page-shows .shows-copy .event-details { gap:13px;margin-bottom:24px }
}
/* Bajadas de luz perceptibles en la pantalla del PNG; períodos estables entre
   ellas. El resplandor acompaña el mismo ciclo sin animar el resto del hero. */
.lamp-light-layer .hero-lamp { animation:lamp-clear-flicker 19.7s linear infinite }
.lamp-light-layer .lamp-glow { animation:lamp-clear-glow 19.7s linear infinite }
@keyframes lamp-clear-flicker {
0%, 10%, 15%, 30%, 100% {filter:brightness(1.03) saturate(1.08)}
11% {filter:brightness(1.01) saturate(1.08)}
12.1%, 13.2% {filter:brightness(.54) saturate(1.1)}
35%, 43% {filter:brightness(1.07) saturate(1.08)}
47%, 49.8% {filter:brightness(1.02) saturate(1.08)}
50.7%, 52.4% {filter:brightness(.65) saturate(1.1)}
54.7%, 69% {filter:brightness(1.04) saturate(1.08)}
73%, 80% {filter:brightness(1.06) saturate(1.08)}
87%, 88.4% {filter:brightness(1.02) saturate(1.08)}
89.1% {filter:brightness(.74) saturate(1.1)}
90.6%, 96% {filter:brightness(1.03) saturate(1.08)}
}
@keyframes lamp-clear-glow {
0%, 10%, 15%, 30%, 100% {opacity:.25}
11% {opacity:.23}
12.1%, 13.2% {opacity:.025}
35%, 43% {opacity:.31}
47%, 49.8% {opacity:.24}
50.7%, 52.4% {opacity:.055}
54.7%, 69% {opacity:.26}
73%, 80% {opacity:.3}
87%, 88.4% {opacity:.24}
89.1% {opacity:.09}
90.6%, 96% {opacity:.25}
}
@media(prefers-reduced-motion:reduce) {
.lamp-light-layer .hero-lamp { animation:none;filter:brightness(1.03) saturate(1.08) }
.lamp-light-layer .lamp-glow { animation:none;opacity:.25 }
}
/* Ajustes responsive y accesibles — recursos y geometría existentes. */
/* La capa de escena permite elegir la composición mobile sin cambiar la altura del Hero. */
.hero-scene-picture { position:absolute;z-index:2;left:-5%;bottom:0;display:block;width:110%;aspect-ratio:1728/863; }
.hero-scene-picture>.hero-scene { position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain; }
@media(max-width:700px) {
.hero-scene-picture { left:0;width:100%;aspect-ratio:393/475; }
.hero-scene-picture>.hero-scene { object-fit:contain; }
.hero-scene-picture::after { content:"";position:absolute;z-index:1;left:81%;top:32%;width:18%;height:20%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(47,19,4,.7),rgba(47,19,4,.24) 48%,transparent 78%);filter:blur(5px);mix-blend-mode:multiply;animation:mobile-lamp-flicker 19.7s linear infinite; }
.lamp-light-layer { display:none }
@keyframes mobile-lamp-flicker {0%,10%,15%,30%,100%{opacity:.08}11%{opacity:.1}12.1%,13.2%{opacity:.57}35%,43%{opacity:.03}47%,49.8%{opacity:.1}50.7%,52.4%{opacity:.48}54.7%,69%{opacity:.06}73%,80%{opacity:.03}87%,88.4%{opacity:.1}89.1%{opacity:.38}90.6%,96%{opacity:.08}}
.hero-scene-picture::after { will-change:opacity }
}
@media(prefers-reduced-motion:reduce) {
.hero-scene-picture::after { animation:none;opacity:.08 }
}
.page-shows .polaroid-gallery .gallery-photo { cursor:default;pointer-events:none; }
@media(max-width:700px) {
.page-contacto .contact-form { margin-inline:auto; }
.page-merch .catalog-inner { width:min(92%,560px); }
.page-merch .product-card { min-width:0; }
.page-merch .product-photo { width:100%;height:auto;aspect-ratio:4/5;object-fit:contain; }
.page-merch .product-card p { white-space:normal;word-spacing:normal;letter-spacing:normal;word-break:normal;overflow-wrap:normal;hyphens:none; }
.page-shows .polaroid-gallery .gallery-photo { transform-origin:center; }
}
@media(max-width:360px) {
}
@media(min-width:701px) {
.lamp-light-layer { width:110%;left:-5% }
}