/* LATINX — "Noche Tropical" (owner direction, October 6, 2026): Miami neon, Colombian color and pattern, cleaner sections. */
.latin-destination,.publication-header:has(.latin-brand-header){--lx-night:#0d0710;--lx-night-2:#170b1b;--lx-panel:rgba(255,241,230,.05);--lx-panel-2:rgba(255,241,230,.09);--lx-ink:#fff1e6;--lx-muted:rgba(255,241,230,.72);--lx-rule:rgba(255,241,230,.14);--lx-rosa:#ff2e88;--lx-mango:#ffb22e;--lx-mar:#1fe0c4;--lx-on-color:#140812;--lx-sunset:linear-gradient(100deg,#ff2e88 0%,#ff6a3d 52%,#ffb22e 100%);--lx-script:"SB Script","Brush Script MT","Segoe Script",cursive;--latin-ink:var(--lx-mango);--latin-accent:var(--lx-mango)}
html[data-theme=light] :is(.latin-destination,.publication-header:has(.latin-brand-header)){--lx-night:#fff4ea;--lx-night-2:#ffe9da;--lx-panel:rgba(42,15,34,.04);--lx-panel-2:rgba(42,15,34,.08);--lx-ink:#2a0f22;--lx-muted:#6b4a5c;--lx-rule:rgba(42,15,34,.14);--lx-rosa:#c3105f;--lx-mango:#9a5b00;--lx-mar:#007a6b;--latin-ink:var(--lx-rosa);--latin-accent:var(--lx-rosa)}
.latin-destination{background:var(--lx-night);color:var(--lx-ink);padding-bottom:clamp(40px,6vw,80px);overflow:hidden}
.latin-destination .wrap{max-width:1180px}
.latin-destination a{color:inherit}
.latin-destination :focus-visible{outline:3px solid var(--lx-mango);outline-offset:3px;border-radius:6px}
.latin-destination .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Masthead: the shared header takes on the night palette and a neon X. */
.publication-header:has(.latin-brand-header){background:color-mix(in srgb,var(--lx-night) 80%,transparent);border-bottom-color:var(--lx-rule)}
.publication-header .latin-brand-header h1:not(#\#){font:400 2.1rem/1 "SB Display",Impact,"Arial Narrow Bold",sans-serif;letter-spacing:.01em;text-transform:uppercase}
.publication-header .latin-brand-header h1 a:not(#\#){color:var(--lx-ink)}
.publication-header .latin-brand-header h1 span:not(#\#){color:var(--lx-rosa);text-shadow:0 0 14px rgba(255,46,136,.75),0 0 34px rgba(255,46,136,.45)}
html[data-theme=light] .publication-header .latin-brand-header h1 span:not(#\#){text-shadow:none}
.publication-header .latin-brand-home:not(#\#){color:var(--lx-muted)}
.publication-header:has(.latin-brand-header) .main-nav a[aria-current]:not(#\#){color:var(--lx-rosa);box-shadow:inset 0 -2px var(--lx-rosa)}

/* Hero: night sky, striped retro sun on the horizon, palm silhouettes. */
/* The scene (sun, sea, palms) owns a fixed band under the copy, so text and art never collide;
   wide screens move the sun beside the copy instead. Sky colors are anchored to the horizon. */
.lx-hero{--lx-scene:clamp(150px,21vw,220px);--lx-sea:calc(var(--lx-scene) * .36);--lx-sun:var(--lx-scene);position:relative;isolation:isolate;overflow:hidden;padding:clamp(36px,5vw,64px) 0 calc(var(--lx-scene) + 26px)}
.lx-sky{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#ffb22e 0,#ffb22e var(--lx-sea),#ff7a45 calc(var(--lx-sea) + 30px),#c8285f calc(var(--lx-sea) + 100px),#5e1446 calc(var(--lx-sea) + 210px),#24092b calc(var(--lx-sea) + 340px),#0d0710 calc(var(--lx-sea) + 500px))}
.lx-sun{position:absolute;right:12%;bottom:calc(var(--lx-sea) - var(--lx-sun) * .28);width:var(--lx-sun);aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#fff06a 0%,#ffb22e 34%,#ff6a3d 62%,#ff2e88 100%);-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 50% 54%,#000 54% 62%,transparent 62% 67%,#000 67% 74%,transparent 74% 80%,#000 80% 86%,transparent 86% 92%,#000 92%);mask-image:linear-gradient(180deg,#000 50%,transparent 50% 54%,#000 54% 62%,transparent 62% 67%,#000 67% 74%,transparent 74% 80%,#000 80% 86%,transparent 86% 92%,#000 92%)}
.lx-sky::before{content:"";position:absolute;right:calc(12% - var(--lx-sun) * .45);bottom:calc(var(--lx-sea) - var(--lx-sun) * .9);width:calc(var(--lx-sun) * 1.9);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,46,136,.45),rgba(255,106,61,.18) 45%,transparent 68%)}
.lx-sea{position:absolute;left:0;right:0;bottom:0;height:var(--lx-sea);background:repeating-linear-gradient(180deg,rgba(255,178,46,.55) 0 2px,transparent 2px 8px),linear-gradient(180deg,#5e1446,var(--lx-night) 92%)}
.lx-palm{position:absolute;bottom:-6px;width:calc(var(--lx-scene) * .72);height:auto;fill:#0b0510}
.lx-palm-left{left:-34px;transform:rotate(-4deg);transform-origin:bottom center}
.lx-palm-right{right:-38px;width:calc(var(--lx-scene) * .58);transform:scaleX(-1) rotate(-6deg);transform-origin:bottom center}
.lx-hero-inner{position:relative}
@media(min-width:1100px){.lx-hero{--lx-scene:150px;--lx-sun:clamp(300px,25vw,360px);padding-bottom:calc(var(--lx-scene) + 28px)}.lx-hero-inner>*{max-width:min(620px,52vw)}.lx-sun{right:7%}.lx-sky::before{right:calc(7% - var(--lx-sun) * .45)}.lx-palm-left{left:auto;right:calc(7% + var(--lx-sun) - 70px);width:170px}.lx-palm-right{width:190px}}
.lx-script{display:inline-block;margin:0 0 4px;font:400 clamp(2.4rem,5.5vw,4.4rem)/1 var(--lx-script);color:#ff6fb0;transform:rotate(-6deg);transform-origin:left bottom;text-shadow:0 0 6px rgba(255,46,136,.9),0 0 22px rgba(255,46,136,.75),0 0 54px rgba(255,46,136,.5)}
.lx-hero-title{max-width:13ch;margin:0 0 26px;font:400 clamp(3rem,8.4vw,7.4rem)/.88 "SB Display",Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;color:#fff1e6;text-shadow:0 4px 30px rgba(13,7,16,.6)}
.lx-hero-title span{display:block;margin-top:.12em;font-size:.42em;line-height:1.05;color:#ffd38a}
.lx-chips{display:flex;flex-wrap:wrap;gap:10px}
.lx-chips a{display:inline-flex;align-items:baseline;gap:10px;min-height:46px;padding:12px 18px;border:1px solid rgba(255,241,230,.28);border-radius:999px;background:rgba(13,7,16,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff1e6;text-decoration:none;font:400 1.25rem/1 "SB Display",Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;transition:border-color .2s,background-color .2s,transform .2s}
.lx-chips a small{font:600 12px/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:.12em;color:rgba(255,241,230,.72);text-transform:uppercase}
.lx-chips a:hover{border-color:#ff2e88;background:rgba(255,46,136,.18);transform:translateY(-2px)}
html[data-theme=light] .lx-sky{background:linear-gradient(to top,#ffb22e 0,#ffb22e var(--lx-sea),#ff7a62 calc(var(--lx-sea) + 30px),#ff8aa0 calc(var(--lx-sea) + 110px),#ffb8a8 calc(var(--lx-sea) + 240px),#ffd9c2 calc(var(--lx-sea) + 420px))}
html[data-theme=light] .lx-sea{background:repeating-linear-gradient(180deg,rgba(255,255,255,.55) 0 2px,transparent 2px 8px),linear-gradient(180deg,#ff8aa0,var(--lx-night) 92%)}
html[data-theme=light] .lx-palm{fill:#3a1030}
html[data-theme=light] .lx-hero-title{color:#2a0f22;text-shadow:none}
html[data-theme=light] .lx-hero-title span{color:#7a1650}
html[data-theme=light] .lx-script{color:#c3105f;text-shadow:0 0 18px rgba(255,255,255,.7)}
html[data-theme=light] .lx-chips a{background:rgba(255,244,234,.7);color:#2a0f22;border-color:rgba(42,15,34,.2)}
html[data-theme=light] .lx-chips a small{color:#6b4a5c}

/* Artist marquee on a sunset band. */
.lx-marquee{overflow:hidden;background:var(--lx-sunset);color:var(--lx-on-color);border-block:2px solid var(--lx-night)}
.lx-marquee-track{display:flex;width:max-content;animation:lx-marquee 48s linear infinite}
.lx-marquee span{display:flex;align-items:center;gap:20px;padding:12px 10px;white-space:nowrap}
.lx-marquee b{font:400 1.45rem/1 "SB Display",Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.lx-marquee i{font-style:normal;font-size:.9rem;opacity:.75}
.lx-marquee:hover .lx-marquee-track{animation-play-state:paused}
@keyframes lx-marquee{to{transform:translateX(-50%)}}

/* Colombian zigzag ribbon between sections (inspired by the sombrero vueltiao weave). */
.lx-ribbon{height:22px;margin-block:clamp(36px,5vw,64px) 0;background:linear-gradient(135deg,var(--lx-ink) 25%,transparent 25%) -11px 0/22px 22px,linear-gradient(225deg,var(--lx-ink) 25%,transparent 25%) -11px 0/22px 22px,linear-gradient(315deg,var(--lx-ink) 25%,transparent 25%) 0 0/22px 22px,linear-gradient(45deg,var(--lx-ink) 25%,transparent 25%) 0 0/22px 22px,var(--lx-night);border-block:3px solid var(--lx-rosa);opacity:.9}

/* Section heads. */
.lx-section{padding-top:clamp(40px,6vw,76px)}
.lx-head{margin-bottom:clamp(22px,3vw,36px)}
.lx-label{margin:0 0 6px;font:600 12px/1.4 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--lx-mango)}
.lx-head h2{margin:-.16em 0 0;padding-top:.16em;font:400 clamp(3.2rem,8vw,6.6rem)/.86 "SB Display",Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.005em;color:var(--lx-rosa);background:var(--lx-sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme=light] .lx-head h2{background:linear-gradient(100deg,#c3105f,#d4401a 55%,#9a5b00);-webkit-background-clip:text;background-clip:text}

/* Shared copy pieces. */
.latin-media{margin:0;min-width:0}
.latin-media-link{display:block;overflow:hidden;border-radius:14px;background:#000}
.latin-destination .latin-media img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .5s ease}
.latin-media-link:hover img{transform:scale(1.03)}
.latin-media figcaption{padding:8px 2px 0;font-size:12px;line-height:1.5;color:var(--lx-muted)}
.latin-media figcaption a{text-decoration:underline;text-underline-offset:3px}
.latin-copy{min-width:0}
.latin-artist{margin:0 0 10px;font:600 12px/1.35 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--lx-mango)}
.latin-copy h3{margin:0 0 12px;font:700 clamp(1.15rem,1.6vw,1.35rem)/1.22 Arial,Helvetica,sans-serif;letter-spacing:-.02em;text-wrap:balance}
.latin-copy h3 a{text-decoration:none}
.latin-copy h3 a:hover{text-decoration:underline;text-decoration-color:var(--lx-rosa);text-underline-offset:5px}
.latin-deck{margin:0 0 14px;font-size:1rem;line-height:1.55;color:var(--lx-muted)}
.latin-date{margin:0;font-size:12.5px;line-height:1.5;color:var(--lx-muted)}
.latin-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:18px;padding:0 22px;border-radius:999px;background:var(--lx-sunset);color:var(--lx-on-color)!important;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 12px 32px -12px rgba(255,46,136,.7);transition:transform .2s,box-shadow .2s}
.latin-action:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(255,46,136,.85)}
.latin-destination .latin-action:focus-visible{outline:3px solid var(--lx-ink);outline-offset:3px}

/* Música: one lead, then a clean card grid. */
.latin-lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,48px);padding:clamp(14px,2vw,22px);border:1.5px solid transparent;border-radius:28px;background:linear-gradient(var(--lx-night-2),var(--lx-night-2)) padding-box,var(--lx-sunset) border-box;box-shadow:0 40px 90px -50px rgba(255,46,136,.8)}
.latin-lead .latin-copy{padding:8px 12px 8px 0}
.latin-lead .latin-copy h3{font:400 clamp(2rem,3.6vw,3.3rem)/.95 "SB Display",Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.005em;margin-bottom:16px}
.lx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);margin-top:clamp(18px,2.4vw,26px)}
.lx-card{display:flex;flex-direction:column;gap:14px;padding:12px 12px 18px;border:1px solid var(--lx-rule);border-radius:20px;background:var(--lx-panel);transition:border-color .2s,transform .25s,background-color .2s}
.lx-card:hover{border-color:var(--lx-rosa);background:var(--lx-panel-2);transform:translateY(-3px)}
.lx-card .latin-copy{padding:0 4px}

/* Visuales: color-blocked trio. */
.lx-visuals{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(14px,2vw,22px)}
.lx-world{display:flex;flex-direction:column;gap:16px;padding:14px 14px 22px;border-radius:24px;color:var(--lx-on-color);transition:transform .25s}
.lx-world:hover{transform:translateY(-4px) rotate(-.4deg)}
.lx-world-rosa{background:#ff2e88}
.lx-world-mango{background:#ffb22e}
.lx-world-mar{background:#1fe0c4}
.lx-world :is(.latin-artist,.latin-deck,.latin-date,figcaption){color:rgba(20,8,18,.78)}
.lx-world .latin-copy{display:flex;flex-direction:column;flex:1;padding:0 6px}
.lx-world .latin-copy h3{font-size:clamp(1.25rem,1.8vw,1.5rem)}
.lx-world .latin-date{margin-top:auto}
.lx-world a:focus-visible{outline-color:var(--lx-on-color)}

/* En vivo: concert ticket stubs with the verified appearance date. */
.lx-tickets{display:grid;gap:22px}
.lx-ticket{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);border-radius:22px;background:#fff1e6;color:#2a0f22;overflow:visible}
.lx-ticket::before,.lx-ticket::after{content:"";position:absolute;left:168px;width:24px;height:24px;border-radius:50%;background:var(--lx-night)}
.lx-ticket::before{top:-12px}
.lx-ticket::after{bottom:-12px}
.lx-ticket-plain{grid-template-columns:minmax(0,1fr)}
.lx-ticket-plain::before,.lx-ticket-plain::after{content:none}
.lx-stub{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 22px;border-radius:22px 0 0 22px;border-right:2px dashed rgba(42,15,34,.35);background:var(--lx-sunset);color:var(--lx-on-color)}
.lx-stub time{display:grid;line-height:1}
.lx-stub-month{font:600 13px/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase}
.lx-stub-day{font:400 4.6rem/.9 "SB Display",Impact,sans-serif}
.lx-stub-year{font:600 12px/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:.16em}
.latin-event{margin:0;font:600 12px/1.4 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.lx-ticket-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(18px,3vw,32px);padding:clamp(16px,2.4vw,24px)}
.lx-ticket .latin-artist{color:#9a2a5a}
.lx-ticket :is(.latin-deck,.latin-date,figcaption){color:#5e4252}
.lx-ticket .latin-copy h3{font:400 clamp(1.7rem,2.6vw,2.3rem)/.98 "SB Display",Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase}
.lx-ticket .latin-action{margin-top:14px}
.lx-ticket a:focus-visible{outline-color:#2a0f22}
html[data-theme=light] .lx-ticket{background:#fff;box-shadow:0 18px 40px -26px rgba(42,15,34,.5)}

@media(max-width:1000px){.lx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.latin-lead{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media(max-width:760px){
 .publication-header .latin-brand-header h1:not(#\#){font-size:1.75rem}
 .lx-hero{--lx-scene:clamp(150px,42vw,190px);padding-top:30px}
 .lx-sun{right:10%}
 .lx-hero-title{font-size:clamp(2.7rem,13vw,4rem)}
 .lx-chips{gap:8px}
 .lx-chips a{font-size:1.1rem;padding:11px 15px}
 .lx-marquee b{font-size:1.2rem}
 .lx-head h2{font-size:clamp(2.9rem,15vw,4.2rem)}
 .latin-lead{display:flex;flex-direction:column;align-items:stretch;padding:12px;border-radius:22px}
 .latin-lead .latin-copy{padding:4px 6px 8px}
 .lx-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .lx-card{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:14px;padding:12px;border-radius:18px}
 .lx-card .latin-copy{padding:0}
 .lx-card .latin-copy h3{font-size:1.02rem;margin-bottom:8px}
 .lx-card .latin-artist{margin-bottom:6px}
 .lx-card figcaption{display:none}
 .lx-visuals{grid-template-columns:minmax(0,1fr);gap:14px}
 .lx-world{display:grid;grid-template-columns:minmax(0,1fr);border-radius:20px}
 .lx-world .latin-deck{display:none}
 .lx-ticket{grid-template-columns:minmax(0,1fr)}
 .lx-ticket::before,.lx-ticket::after{left:auto;top:calc(var(--stub-h,96px) - 12px);bottom:auto}
 .lx-ticket::before{left:-12px}
 .lx-ticket::after{right:-12px}
 .lx-stub{flex-direction:row;align-items:center;justify-content:space-between;min-height:96px;padding:16px 20px;border-radius:22px 22px 0 0;border-right:0;border-bottom:2px dashed rgba(42,15,34,.35)}
 .lx-stub time{grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:end;column-gap:10px}
 .lx-stub-day{grid-row:1/3;font-size:3.6rem}
 .lx-stub .latin-event{max-width:52%;text-align:right}
 .lx-ticket-body{padding:16px}
}
@media(max-width:480px){.lx-chips a{gap:0;padding:11px 14px}.lx-chips a small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media(max-width:360px){.lx-card{grid-template-columns:96px minmax(0,1fr);gap:12px}.lx-chips a small{display:none}.lx-stub-day{font-size:3rem}}
@media(prefers-reduced-motion:reduce){.lx-marquee-track{animation:none}.latin-destination *{transition:none!important}.lx-card:hover,.lx-world:hover,.lx-chips a:hover,.latin-action:hover{transform:none}}
/* October 6 owner note: the hero runs a touch smaller so the first stories arrive sooner. */
.lx-hero{padding-top:clamp(26px,3.6vw,46px);padding-bottom:calc(var(--lx-scene) + 18px)}
.lx-script{font-size:clamp(2.1rem,4.6vw,3.7rem)}
.lx-hero-title{font-size:clamp(2.7rem,7.2vw,6.3rem);margin-bottom:20px}
.lx-chips a{min-height:44px;padding:10px 16px;font-size:1.15rem}
@media(min-width:1100px){.lx-hero{--lx-scene:124px;--lx-sun:clamp(260px,21vw,310px);padding-bottom:calc(var(--lx-scene) + 22px)}.lx-palm-left{width:150px}.lx-palm-right{width:168px}}
@media(max-width:760px){.lx-hero{--lx-scene:clamp(130px,36vw,164px);padding-top:22px}.lx-hero-title{font-size:clamp(2.5rem,11.6vw,3.6rem)}.lx-chips a{font-size:1.05rem;padding:10px 14px}}
@media(max-width:480px){.lx-chips a{padding:10px 13px}}