/* Reglas específicas de las secciones del Home; constantes compartidas en tokens. */
.zedra-home { --zedra-page-gutter: var(--zedra-gutter-mobile); margin: 0; }
.zedra-home em { font-family: var(--zedra-font-editorial); font-style: italic; }
.zedra-home :where(h1, h2) { font-weight: 400; }
.zedra-section { padding-block: var(--zedra-section-space-mobile); }
.zedra-hero { position: relative; isolation: isolate; min-block-size: min(730px, 100vh); min-block-size: min(730px, 100svh); display: flex; flex-direction: column; justify-content: space-between; color: var(--zedra-text-light); }
.zedra-hero__media { position: absolute; inset: 0; z-index: -2; }
.zedra-hero__media .zedra-media--placeholder { background: var(--zedra-bg-dark); color: var(--zedra-text-muted); }
.zedra-hero::after { position: absolute; inset: 0; content: ''; background: rgb(26 26 26 / 35%); pointer-events: none; z-index: -1; }
.zedra-hero__content { display: flex; flex-direction: column; gap: 16px; padding-block: 48px 32px; }
.zedra-hero__text { display: flex; flex-direction: column; gap: 8px; max-inline-size: 640px; }
.zedra-hero__eyebrow { font-size: 14px; line-height: 19.6px; letter-spacing: .5px; text-transform: uppercase; }
.zedra-hero__title { font-size: 32px; line-height: 1.1; letter-spacing: -1px; max-inline-size: 574px; }
.zedra-hero__title em { font-weight: 700; }
.zedra-hero__location { font-size: 14px; line-height: 19.6px; }
.zedra-hero__location em { font-weight: 800; }
.zedra-promotion { background: var(--zedra-bg-neutral); }
.zedra-promotion__card { display: grid; border-radius: var(--zedra-radius-media); overflow: hidden; }
.zedra-promotion__visual { min-inline-size: 0; aspect-ratio: 350 / 320; }
.zedra-promotion__content { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: start; gap: 24px; padding: 32px 24px; color: var(--zedra-text-light); background: var(--zedra-bg-dark); }
.zedra-promotion__backdrop { position: absolute; z-index: -2; inset: -24px; filter: blur(11.5px); }
.zedra-promotion__content::before { position: absolute; z-index: -1; inset: 0; content: ''; background: rgb(0 0 0 / 60%); }
.zedra-promotion__mobile-label { font-size: 14px; line-height: 19.6px; letter-spacing: 2px; font-weight: 700; }
.zedra-promotion__title { font-size: 32px; line-height: 38px; }
.zedra-promotion__title span, .zedra-promotion__title em { display: block; }
.zedra-promotion__title em { font-weight: 600; }
.zedra-promotion__copy { font-size: 16px; line-height: 24px; color: var(--zedra-bg-neutral); }
.zedra-promotion__benefit, .zedra-promotion__note { margin-block-start: 24px; }
.zedra-promotion__note { font-size: 14px; line-height: 21px; font-weight: 300; }
.zedra-categories { background: var(--zedra-bg-dark); color: var(--zedra-bg-neutral); }
.zedra-categories__grid { display: grid; gap: 20px; }
.zedra-categories__intro { display: flex; flex-direction: column; justify-content: center; gap: 48px; min-block-size: 380px; padding: 48px 24px; border-radius: var(--zedra-radius-media); border: 1px solid rgb(255 255 255 / 62%); background: linear-gradient(105deg, rgb(255 255 255 / 5.5%), rgb(255 255 255 / 18%) 48%, rgb(255 255 255 / 5.5%)); box-shadow: 0 10px 22px -6px rgb(0 0 0 / 16%), inset 0 -2px 7px rgb(255 255 255 / 34%), inset 0 3px 8px rgb(0 0 0 / 10%); }
.zedra-categories__intro h2 { font-size: 48px; line-height: 52.8px; letter-spacing: -1px; font-weight: 300; }
.zedra-categories__intro em { font-weight: 600; }
.zedra-categories__intro p { font-size: 14px; line-height: 21.7px; color: rgb(230 230 230 / 65%); }
.zedra-about { background: var(--zedra-bg-primary); }
.zedra-about__grid { display: grid; gap: 32px; }
.zedra-about__title { font-size: 32px; line-height: 38px; letter-spacing: -1px; }
.zedra-about__title em { font-weight: 600; }
.zedra-about__media { aspect-ratio: 350 / 263; border-radius: var(--zedra-radius-media); overflow: hidden; }
.zedra-about__body { font-size: 16px; line-height: 24px; }
.zedra-showroom { isolation: isolate; position: relative; padding-block: 48px 72px; color: var(--zedra-text-light); background: var(--zedra-bg-dark); }
.zedra-showroom__background { position: absolute; z-index: -2; inset: 0; filter: grayscale(1); }
.zedra-showroom__background .zedra-media--placeholder { color: var(--zedra-text-muted); background: var(--zedra-bg-dark); }
.zedra-showroom::before { position: absolute; z-index: -1; inset: 0; content: ''; background: linear-gradient(240deg, rgb(26 26 26 / 75%), rgb(26 26 26 / 40%) 25%, rgb(26 26 26 / 85%) 50%); }
.zedra-showroom .zedra-section-header { color: var(--zedra-text-light); margin-block-end: 97px; }
.zedra-showroom__card { min-block-size: 418px; display: flex; align-items: end; border-radius: 8px; }
.zedra-showroom__content { display: flex; flex-direction: column; align-items: start; gap: 16px; max-inline-size: 737px; }
.zedra-showroom h2 { font-size: 32px; line-height: 38px; letter-spacing: -.5px; }
.zedra-showroom h2 em { font-weight: 700; }
.zedra-showroom__content > p { font-size: 16px; line-height: 24px; }
.zedra-showroom .zedra-button { margin-block-start: 12px; }
@media (min-width: 720px) and (max-width: 1099px) { .zedra-categories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) {
    .zedra-home { --zedra-page-gutter: var(--zedra-gutter-desktop); }
    .zedra-section { padding-block: var(--zedra-section-space-desktop); }
    .zedra-hero { min-block-size: min(960px, 100vh); min-block-size: min(960px, 100svh); }
    .zedra-hero::after { background: rgb(26 26 26 / 20%); }
    .zedra-hero__content { flex-direction: row; justify-content: space-between; align-items: end; gap: 64px; padding-block: 64px 48px; }
    .zedra-hero__text { gap: 16px; }
    .zedra-hero__eyebrow { font-size: 18px; line-height: 27px; letter-spacing: 0; }
    .zedra-hero__title { font-size: 48px; line-height: 1.1; letter-spacing: -1.5px; }
    .zedra-hero__location { font-size: 18px; line-height: 32.04px; text-align: end; flex-shrink: 0; }
    .zedra-promotion__card { grid-template-columns: 3fr 2fr; min-block-size: 580px; }
    .zedra-promotion__visual { aspect-ratio: auto; }
    .zedra-promotion__content { padding: 40px 80px 40px 40px; justify-content: center; }
    .zedra-promotion__mobile-label { display: none; }
    .zedra-promotion__title { font-size: 40px; line-height: 46px; letter-spacing: -.5px; }
    .zedra-promotion__title em { letter-spacing: -1px; }
    .zedra-promotion__copy { font-size: 18px; line-height: 27px; }
    .zedra-promotion .zedra-button { margin-block-start: 40px; }
    .zedra-categories__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
    .zedra-categories__intro { padding-inline: 40px; }
    .zedra-about .zedra-section-header { margin-block-end: 64px; align-items: center; }
    .zedra-about .zedra-section-header__secondary { font-size: 16px; line-height: 23px; font-weight: 700; letter-spacing: 2px; }
    /* El título ocupa 728px visibles; el cuerpo conserva sus 520px sin solaparse. */
    .zedra-about__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 520px); column-gap: 72px; row-gap: 40px; }
    .zedra-about__title { grid-column: 1; grid-row: 1 / 3; max-inline-size: 728px; font-size: 48px; line-height: 52.8px; letter-spacing: -2px; }
    .zedra-about__body { grid-column: 2; grid-row: 1; text-align: end; font-size: 18px; line-height: 28.62px; padding-block-end: 28.62px; }
    .zedra-about__cta { grid-column: 2; grid-row: 2; justify-self: end; }
    .zedra-about__media { grid-column: 1 / -1; grid-row: 3; aspect-ratio: 2; margin-block-start: 24px; }
    .zedra-showroom .zedra-section-header { margin-block-end: 48px; }
    .zedra-showroom__card { min-block-size: 500px; }
    .zedra-showroom h2 { font-size: 56px; line-height: 61.6px; }
    .zedra-showroom h2 em { display: block; margin-block-start: 4px; }
    .zedra-showroom__content > p { font-size: 18px; line-height: 27px; }
    .zedra-showroom .zedra-button { margin-block-start: 16px; }
}