/* Presentación diurna y geometría compartida entre los dos modos. */
:root { color-scheme: light; }
.brand-logo.theme-logo-dark { display: none; }
html[data-theme="dark"] .brand-logo.theme-logo-light { display: none; }
html[data-theme="dark"] .brand-logo.theme-logo-dark { display: block; }
.brand-hero { padding-top: 62px; }
.brand-hero .hero-copy h1 { font-size: clamp(2.4rem,4.2vw,3.65rem); }
.brand-hero .hero-visual { height: 465px; border-radius: 22px; }
.hero-watermark { display: none; }
.category-track { padding-bottom: 12px; }
.category-carousel .carousel-bottom { margin-top: 12px; }

html:not([data-theme="dark"]) .brand-hero { background: #FFFFFF; color: var(--navy); border-bottom: 1px solid var(--line); }
html:not([data-theme="dark"]) .brand-hero .hero-copy > .eyebrow { color: var(--navy); background: var(--pale); border-color: #21406F24; }
html:not([data-theme="dark"]) .brand-hero .hero-copy h1 span { color: var(--navy); text-decoration: underline; text-decoration-color: var(--cyan); text-decoration-thickness: 3px; text-underline-offset: 9px; }
html:not([data-theme="dark"]) .brand-hero .hero-copy > p { color: var(--muted); }
html:not([data-theme="dark"]) .brand-hero .hero-note { color: var(--muted); }
html:not([data-theme="dark"]) .brand-hero .hero-note .icon { color: var(--navy); }
html:not([data-theme="dark"]) .brand-hero .button-outline { color: var(--navy); border-color: #B8CCE2; }
html:not([data-theme="dark"]) .brand-hero .button-outline:hover { color: var(--navy); background: var(--pale); border-color: var(--navy); }
html:not([data-theme="dark"]) .hero-search { background: white; border-color: #B8CCE2; box-shadow: 0 8px 24px #21406F06; }
html:not([data-theme="dark"]) .hero-search > .icon { color: var(--navy); }
html:not([data-theme="dark"]) .hero-search input { color: var(--navy); }
html:not([data-theme="dark"]) .hero-search input::placeholder { color: var(--muted); }
html:not([data-theme="dark"]) .hero-search:focus-within { border-color: var(--navy); }
html:not([data-theme="dark"]) .hero-bottom { color: var(--muted); border-top-color: var(--line); }
html:not([data-theme="dark"]) .hero-bottom a { color: var(--navy); }
html:not([data-theme="dark"]) .hero-bottom a .icon { color: var(--navy); }
html:not([data-theme="dark"]) .hero-floating-tag { color: var(--navy); }
html:not([data-theme="dark"]) .hero-floating-tag .icon { color: var(--navy); }

@media (max-width: 1100px) {
  .brand-hero .hero-copy h1 { font-size: 2.85rem; }
  .brand-hero .hero-visual { height: 435px; }
}
@media (max-width: 960px) {
  .brand-hero .hero-copy h1 { font-size: 2.4rem; }
  .brand-hero .hero-visual { height: 420px; }
}
@media (max-width: 720px) {
  .brand-hero { padding-top: 40px; }
  .brand-hero .hero-copy h1 { font-size: clamp(1.95rem,5.9vw,2.65rem); }
  .brand-hero .hero-visual { height: 380px; }
}
@media (max-width: 640px) {
  .brand-hero .hero-visual { height: 335px; }
  .category-carousel .carousel-bottom > span { max-width: 150px; }
  .category-carousel .carousel-controls { gap: 6px; }
}