/* Frame Luxe Noir: shared layout, spacing and control sizes. */
:root {
  --background: #0a0a0a;
  --surface: #141414;
  --gold: #d4af37;
  --text: #f5f2ea;
  --muted: #b5b2aa;
  --line: #333;
  --input-line: #686868;
  --draft-surface: #242116;
  --success: #bfe6bd;
  --error: #ffb6ad;
  --radius: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --site-width: 1440px;
  --form-width: 620px;
  --page-gutter: clamp(24px, 6vw, 80px);
  --outer-gutter: max(
    var(--page-gutter),
    calc((100% - var(--site-width)) / 2 + var(--page-gutter))
  );
  --control-height: 48px;
  --card-padding: var(--space-6);
  color-scheme: dark;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--background);
  color: var(--text);
  font:
    16px/1.6 Arial,
    Helvetica,
    sans-serif;
}
a {
  color: var(--gold);
  text-underline-offset: 5px;
}
a:hover {
  color: var(--text);
}
a:focus-visible,
summary:focus-visible,
button:focus-visible,
.form input:focus-visible,
.form select:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: var(--space-1);
}
.nav {
  padding: var(--space-6) var(--outer-gutter);
  display: flex;
  justify-content: space-between;
  gap: var(--space-6);
  border-bottom: 1px solid var(--line);
  align-items: center;
}
.brand {
  font-size: 26px;
  letter-spacing: 0.17em;
  color: var(--text);
  text-decoration: none;
  font-weight: bold;
}
.brand span {
  display: block;
  font-size: 9px;
  letter-spacing: 0.25em;
}
.nav nav {
  display: flex;
  gap: var(--space-6);
  flex-wrap: wrap;
}
.nav nav a {
  display: inline-flex;
  min-height: var(--control-height);
  align-items: center;
}
main {
  max-width: var(--site-width);
  margin-inline: auto;
}
section {
  padding: var(--space-16) var(--page-gutter);
}
.hero {
  padding-block: var(--space-24);
}
.eyebrow {
  color: var(--gold);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.18em;
  margin: 0 0 var(--space-4);
}
h1 {
  font-size: clamp(40px, 6vw, 88px);
  line-height: 1.07;
  letter-spacing: -0.045em;
  max-width: 1000px;
  margin: 0 0 var(--space-8);
  overflow-wrap: anywhere;
}
h2 {
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.2;
  letter-spacing: -0.025em;
  margin: 0 0 var(--space-6);
}
p {
  color: var(--muted);
  max-width: 650px;
  margin: 0 0 var(--space-6);
}
button {
  font: inherit;
  cursor: pointer;
  border: 0;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--control-height);
  padding: var(--space-3) var(--space-6);
  gap: var(--space-4);
  line-height: 24px;
  background: var(--gold);
  color: var(--background);
  border-radius: var(--radius);
  text-align: center;
  text-decoration: none;
  margin: 0;
}
.button:hover {
  background: var(--text);
  color: var(--background);
}
.button:disabled,
.plain-button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.plain-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--control-height);
  padding: var(--space-3) 0;
  line-height: 24px;
  color: var(--gold);
  background: transparent;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.intro {
  border-top: 1px solid var(--line);
}
.columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-16);
}
.event-list {
  display: grid;
  gap: var(--space-6);
  margin-top: var(--space-10);
}
.event,
.notice,
.photo-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: var(--card-padding);
  min-width: 0;
}
.event,
.notice {
  background: var(--surface);
}
.event > :last-child,
.notice > :last-child {
  margin-bottom: 0;
}
.event-list .notice {
  margin: 0;
}
.notice {
  margin-block: var(--space-6);
}
.badge {
  display: inline-block;
  padding: var(--space-1) var(--space-3);
  border: 1px solid transparent;
  border-radius: var(--radius);
  color: var(--gold);
  background: var(--draft-surface);
  font-size: 12px;
  line-height: 20px;
}
.badge--published {
  color: var(--success);
  background: var(--surface);
  border-color: currentColor;
}
.badge--archived {
  color: var(--muted);
  background: var(--surface);
  border-color: var(--line);
}
.badge--error {
  color: var(--error);
  background: var(--surface);
  border-color: currentColor;
}
.table-wrap {
  overflow-x: auto;
  margin-top: var(--space-10);
}
table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
caption {
  text-align: left;
  color: var(--muted);
  padding-bottom: var(--space-4);
}
th,
td {
  padding: var(--space-4);
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}
th {
  color: var(--muted);
  font-weight: normal;
}
td {
  min-width: 110px;
}
th:first-child,
td:first-child {
  padding-left: 0;
}
th:last-child,
td:last-child {
  padding-right: 0;
}
.event-table td,
.people-table td {
  height: 80px;
}
.event-table td:first-child {
  width: 40%;
}
.event-table td:first-child a {
  display: inline-flex;
  align-items: center;
  min-height: var(--control-height);
}
.event-table td[data-label="Fecha"] {
  white-space: nowrap;
}
summary {
  cursor: pointer;
  min-height: var(--control-height);
  padding-block: var(--space-3);
  line-height: 24px;
  color: var(--gold);
}
footer {
  padding: var(--space-8) var(--outer-gutter);
  color: var(--muted);
  font-size: 12px;
  border-top: 1px solid var(--line);
}
.skip {
  position: fixed;
  top: -100px;
  left: var(--space-6);
  padding: var(--space-3);
  background: var(--surface);
  z-index: 10;
}
.skip:focus {
  top: var(--space-3);
}
.form {
  display: grid;
  gap: var(--space-6);
  width: 100%;
  max-width: var(--form-width);
  margin: var(--space-6) 0 0;
}
.form > * {
  margin: 0;
  min-width: 0;
}
.form label {
  display: grid;
  gap: var(--space-2);
}
.form input,
.form select {
  min-height: var(--control-height);
  height: var(--control-height);
  width: 100%;
  padding: 11px var(--space-3);
  line-height: 24px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--input-line);
  border-radius: var(--radius);
  font-family: inherit;
  font-size: inherit;
}
.form small {
  color: var(--muted);
}
.form .check {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--control-height);
}
.form .check input {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0;
  margin: 0;
  accent-color: var(--gold);
}
.form .button,
.form .plain-button {
  justify-self: start;
}
.form-error {
  color: var(--error);
}
.form-success {
  color: var(--success);
}
.toolbar {
  display: flex;
  gap: var(--space-6);
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.toolbar > a {
  display: inline-flex;
  align-items: center;
  min-height: var(--control-height);
}
.toolbar:empty {
  display: none;
}
code {
  overflow-wrap: anywhere;
}
.studio-page,
.event-workspace {
  padding-top: var(--space-10);
}
.studio-page h1,
.access-page h1,
.workspace-heading h1 {
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.2;
  margin: 0 0 var(--space-6);
}
.studio-page h2,
.workspace-panel h2 {
  font-size: 24px;
  margin: 0 0 var(--space-6);
}
.page-heading {
  margin-bottom: var(--space-6);
}
.page-heading h1 {
  margin: 0;
}
.studio-page > .table-wrap + h2 {
  margin-top: var(--space-10);
}
.access-page {
  max-width: calc(var(--form-width) + 2 * var(--page-gutter));
  margin-inline: auto;
}
.access-page .form {
  margin-top: var(--space-8);
}
.access-page .form .button {
  width: 100%;
}
.access-page .form + form {
  margin-top: var(--space-6);
}
/* Event administration structure benchmark: Luma and TravelPerk (Mobbin). */
.workspace-back {
  display: inline-flex;
  align-items: center;
  min-height: var(--control-height);
  margin-bottom: var(--space-6);
}
.workspace-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  padding-bottom: var(--space-8);
}
.workspace-heading > div {
  min-width: 0;
}
.workspace-heading h1 {
  margin: 0;
}
.workspace-meta {
  margin: var(--space-4) 0 0;
}
.workspace-heading .badge {
  flex-shrink: 0;
}
.workspace-nav {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  gap: var(--space-8);
  overflow-x: auto;
  background: var(--background);
  border-bottom: 1px solid var(--line);
}
.workspace-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding-block: var(--space-3);
  white-space: nowrap;
  text-decoration: none;
}
.workspace-nav a:focus-visible {
  outline-offset: -2px;
}
.workspace-nav a:hover {
  box-shadow: inset 0 -2px var(--gold);
}
.workspace-panel {
  padding-block: var(--space-10);
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 80px;
}
.workspace-panel > :last-child {
  margin-bottom: 0;
}
.workspace-gallery .toolbar {
  justify-content: flex-start;
}
.workspace-gallery .toolbar a[aria-current="page"] {
  color: var(--text);
  text-decoration: none;
  box-shadow: inset 0 -2px var(--gold);
}
.photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
  gap: var(--space-6);
  align-items: start;
  margin-block: var(--space-8);
}
.photo-card {
  overflow-wrap: anywhere;
}
.photo-card img {
  width: 100%;
  height: auto;
  display: block;
}
.photo-preview {
  aspect-ratio: 3 / 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface);
  overflow: hidden;
}
.photo-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.photo-preview p {
  padding: var(--space-6);
  text-align: center;
  margin: 0;
}
.photo-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-block: var(--space-6);
}
.photo-price {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.photo-card > p {
  margin-block: var(--space-6);
}
.photo-card > :last-child {
  margin-bottom: 0;
}
.photo-card .form.compact {
  margin-block: var(--space-6);
  gap: var(--space-4);
}
.photo-card details {
  border-top: 1px solid var(--line);
  padding-top: var(--space-4);
}
.photo-card .form.compact:last-child {
  margin-bottom: 0;
}
.publication-summary {
  padding: var(--card-padding);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
}
#fotografias {
  scroll-margin-top: 80px;
}
@media (max-width: 640px) {
  .nav {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-4);
  }
  .columns {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-8);
  }
  section {
    padding-block: var(--space-12);
  }
  .hero {
    padding-block: var(--space-16);
  }
  .studio-page,
  .event-workspace {
    padding-top: var(--space-8);
  }
  .workspace-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .workspace-nav {
    gap: var(--space-6);
  }
  .workspace-panel {
    padding-block: var(--space-8);
  }
  .studio-page .table-wrap {
    overflow: visible;
  }
  .event-table,
  .people-table,
  .event-table tbody,
  .people-table tbody {
    display: block;
  }
  .event-table caption,
  .people-table caption {
    display: block;
  }
  .event-table thead,
  .people-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .event-table tr,
  .people-table tr {
    display: block;
    padding-block: var(--space-6);
    border-bottom: 1px solid var(--line);
  }
  .event-table td,
  .people-table td {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: var(--space-3);
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: var(--control-height);
    border: 0;
    padding: var(--space-2) 0;
    align-items: center;
  }
  .event-table td:first-child {
    width: 100%;
  }
  .event-table td::before,
  .people-table td::before {
    content: attr(data-label);
    color: var(--muted);
    font-size: 12px;
  }
  .event-table td .badge {
    justify-self: start;
  }
  .people-table code {
    font-size: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
  }
}

.catalog-filters {
  max-width: none;
  grid-template-columns: minmax(180px, 2fr) repeat(2, minmax(140px, 1fr));
  align-items: end;
  margin-top: var(--space-10);
}
.catalog-filters > [role="alert"],
.filter-actions {
  grid-column: 1 / -1;
}
.filter-actions {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  flex-wrap: wrap;
}
.filter-actions a {
  display: inline-flex;
  min-height: var(--control-height);
  align-items: center;
}
.catalog-pagination {
  margin-top: var(--space-8);
  justify-content: flex-start;
}
.catalog-pagination p {
  margin: 0;
}
@media (max-width: 768px) {
  .catalog-filters {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .filter-query {
    grid-column: 1 / -1;
  }
}
@media (max-width: 640px) {
  .catalog-filters {
    grid-template-columns: minmax(0, 1fr);
  }
}
.studio-page .section-heading {
  margin-top: var(--space-10);
}
@media (min-width: 769px) {
  .catalog-filters:has(select[name="estado"]) {
    grid-template-columns: minmax(180px, 2fr) repeat(3, minmax(120px, 1fr));
  }
}

@font-face { font-family: Frame Display; src: url("/landing/barlow-condensed-600.ttf") format("truetype"); font-weight:600; font-display:swap; }
main:has(.frame-landing){max-width:none}
.frame-landing{--landing-display:"Frame Display","Arial Narrow",sans-serif}
.frame-landing section{padding-inline:var(--outer-gutter)}
.frame-landing h1,.frame-landing h2{font-family:var(--landing-display);font-weight:600;letter-spacing:-.015em;text-wrap:balance}
.frame-landing h2{font-size:clamp(36px,4vw,60px);line-height:1.05;margin:0}
/* Photographs cover the whole hero; a local feathered shade follows the copy. */
.landing-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto;align-items:center;gap:24px;min-height:780px;padding-block:72px 28px;overflow:hidden;background:#101719}
.landing-hero-content{position:relative;z-index:2;grid-column:1;grid-row:1;max-width:660px;margin-block:32px 70px}
.landing-hero-content::before{content:"";position:absolute;z-index:-1;inset:-90px -150px -90px -140px;background:radial-gradient(ellipse at 43% 50%,rgba(5,8,9,.98) 30%,rgba(5,8,9,.94) 48%,rgba(5,8,9,.68) 63%,transparent 77%);filter:blur(18px);pointer-events:none}
.landing-kicker{color:var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px}
.frame-landing .landing-hero h1{font-size:clamp(48px,5.7vw,80px);line-height:1;margin:0 0 24px;text-transform:uppercase}
.landing-hero h1 span{display:block}.landing-hero h1 span:last-child{color:var(--gold)}
.landing-intro{font-size:17px;line-height:1.6;max-width:36ch;margin:0 0 28px}
.landing-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:0 0 20px}
.landing-search label{min-width:0}.landing-search input{width:100%;min-width:0}.landing-search .button{white-space:nowrap;margin:0}
.landing-text-link{display:inline-flex;align-items:center;min-height:48px;gap:24px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--muted);font-size:14px}
.landing-text-link:hover{color:var(--gold);border-color:var(--gold)}
.landing-slides{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.landing-slide{position:absolute;inset:0;overflow:hidden;background:#101719;opacity:0;transform:scale(1.025);transition:opacity 1600ms ease,transform 1800ms cubic-bezier(.22,.8,.2,1),left 1800ms ease,top 1800ms ease,width 1800ms ease,height 1800ms ease;z-index:0}
.landing-slide[data-slot="0"]{left:0;top:0;width:66%;height:100%;opacity:1;transform:none;z-index:1}
.landing-slide[data-slot="1"]{left:66%;top:0;width:34%;height:52%;opacity:1;transform:none;z-index:2}
.landing-slide[data-slot="2"]{left:66%;top:52%;width:34%;height:48%;opacity:1;transform:none;z-index:3}
.landing-hero[data-layout="1"] .landing-slide[data-slot="0"]{left:35%;width:65%;height:100%}
.landing-hero[data-layout="1"] .landing-slide[data-slot="1"]{left:0;width:35%;top:0;height:56%}
.landing-hero[data-layout="1"] .landing-slide[data-slot="2"]{left:0;width:35%;top:56%;height:44%}
.landing-hero[data-layout="2"] .landing-slide[data-slot="0"]{left:0;top:0;width:100%;height:64%}
.landing-hero[data-layout="2"] .landing-slide[data-slot="1"]{left:0;top:64%;width:54%;height:36%}
.landing-hero[data-layout="2"] .landing-slide[data-slot="2"]{left:54%;top:64%;width:46%;height:36%}
.landing-slide img{object-fit:cover;object-position:center;animation:frame-drift 16s ease-in-out infinite alternate;animation-play-state:paused}
.landing-hero[data-playing="true"] .landing-slide:is([data-slot="0"],[data-slot="1"],[data-slot="2"]) img{animation-play-state:running}
@keyframes frame-drift{from{transform:scale(1.02)}to{transform:scale(1.09) translateX(1%)}}
.landing-shade{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,8,9,.96),rgba(5,8,9,.55) 15%,transparent 45%),linear-gradient(90deg,rgba(5,8,9,.3),transparent 75%);pointer-events:none}
.landing-hero .landing-intro{color:#e3e0d7}.landing-hero .landing-search label{color:#f5f2ea}.landing-hero .landing-text-link{color:#f5f2ea}
.landing-hero-bottom{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:5}
.landing-photo-caption{font-size:13px;color:var(--text);margin:0}
.landing-controls{display:flex;gap:8px;align-items:center}.landing-count{font-size:13px;font-variant-numeric:tabular-nums;padding-right:12px;white-space:nowrap}.landing-count span{color:var(--muted)}
.landing-controls button{height:48px;min-width:48px;padding:0 12px;border:1px solid var(--line);border-radius:0;background:var(--background);color:var(--text);cursor:pointer}
.landing-controls button:hover{border-color:var(--gold);color:var(--gold)}.landing-controls button:disabled{opacity:.55;cursor:default}.landing-controls .landing-pause{min-width:96px;font-size:12px}
.landing-image-note{grid-column:1;grid-row:3;color:var(--muted);font-size:12px;margin:0;line-height:1.6}
.frame-landing .landing-find{padding-block:64px;border-block:1px solid var(--line)}
.landing-find-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.landing-find-heading p{max-width:48ch;margin:0;line-height:1.7;color:var(--muted)}
.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;margin:48px 0 0;list-style:none}.landing-steps li{border-top:1px solid var(--line);padding-top:24px}.landing-steps li>span{font-size:12px;color:var(--gold)}.landing-steps h3{font-size:18px;margin:16px 0 12px}.landing-steps p{line-height:1.7;color:var(--muted);margin:0;max-width:38ch}
.frame-landing .landing-events{padding-block:80px}.landing-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
.landing-event-row{display:grid;grid-template-columns:160px minmax(0,1fr) 32px;gap:24px;padding:28px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text);align-items:center}.landing-event-row:last-child{border-bottom:1px solid var(--line)}.landing-event-row time{font-size:14px;color:var(--muted)}.landing-event-row strong{display:block;font-size:24px}.landing-event-row small{display:block;margin-top:8px;color:var(--muted)}.landing-event-row:hover strong{color:var(--gold)}
.landing-event-empty{border-block:1px solid var(--line);padding-block:32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.landing-event-empty p{max-width:60ch;margin:0;line-height:1.7}.landing-availability{color:var(--muted);font-size:13px;margin:24px 0 0}
.frame-landing .landing-studio{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:64px;border-top:1px solid var(--line);background:var(--surface)}.landing-studio p{line-height:1.7;max-width:52ch;margin:0 0 24px}.landing-studio>div:first-child>p{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.landing-outline{display:inline-flex;min-height:48px;padding:12px 20px;align-items:center;gap:24px;border:1px solid var(--line);color:var(--text);text-decoration:none}.landing-outline:hover{border-color:var(--gold)}
@media(min-width:1600px){.landing-hero{min-height:840px}}
@media(max-width:1100px){.landing-search{grid-template-columns:1fr}.landing-search .button{justify-content:center}}
@media(max-width:760px){.landing-hero{gap:24px;min-height:800px;padding-block:40px 24px}.landing-hero-content{max-width:none;margin-block:16px 160px}.landing-hero-content::before{inset:-75px -80px -55px;background:radial-gradient(ellipse,rgba(5,8,9,.98) 30%,rgba(5,8,9,.94) 50%,rgba(5,8,9,.55) 66%,transparent 82%);filter:blur(15px)}.frame-landing .landing-hero h1{font-size:clamp(44px,9vw,64px);margin-bottom:20px}.landing-kicker{font-size:11px;margin-bottom:20px}.landing-intro{font-size:16px;margin-bottom:20px;max-width:40ch}.landing-search{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:8px}.landing-search .button{padding-inline:14px;font-size:13px}.landing-hero-bottom{grid-row:2;flex-direction:column;align-items:stretch;gap:16px}.landing-controls{width:100%}.landing-controls .landing-pause{margin-left:auto}.landing-image-note{grid-row:3}.landing-find-heading{grid-template-columns:1fr;gap:24px}.landing-steps{grid-template-columns:1fr;gap:24px;margin-top:32px}.landing-steps li{padding-top:20px}.frame-landing .landing-find,.frame-landing .landing-events{padding-block:48px}.landing-section-heading{align-items:start;flex-direction:column;gap:16px}.landing-event-row{grid-template-columns:minmax(0,1fr) 24px;gap:12px}.landing-event-row time{grid-column:1/-1}.landing-event-row strong{font-size:20px}.landing-event-empty{align-items:start;flex-direction:column}.frame-landing .landing-studio{grid-template-columns:1fr;padding-block:48px;gap:24px}}
@media(max-width:360px){.landing-search{grid-template-columns:1fr}.frame-landing .landing-hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.frame-landing *,.frame-landing *::before,.frame-landing *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.landing-slide img{transform:none!important}}

.landing-event-row .landing-event-status{color:var(--gold);font-size:13px}.landing-event-row[hidden]{display:none}.landing-search-status{margin:0 0 24px;color:var(--muted);font-size:14px}.landing-day{padding-block:72px;max-width:1100px;margin:auto}.landing-day h1{font-family:"Frame Display",sans-serif;font-size:clamp(44px,6vw,80px);margin-block:32px 24px}.landing-day time{color:var(--gold)}.landing-day-empty{border-block:1px solid var(--line);padding-block:40px;margin-block:40px}.landing-day-empty h2{font-size:28px}.landing-day-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.landing-day-nav a{display:inline-flex;align-items:center;min-height:48px;padding:8px 16px;border:1px solid var(--line)}

html{scroll-padding-top:24px}#studio-info{max-width:min(560px,calc(100% - 40px));padding:32px;border:1px solid var(--line);background:var(--surface);color:var(--text)}#studio-info::backdrop{background:rgb(0 0 0 / .75)}#studio-info h2{font-family:"Frame Display",sans-serif}#studio-info form{margin:0}#galerias:focus{outline:none}