/* The real brand marks stay independent of refreshed Diario fragments. */
.smag-brand-universe { margin: 36px 0 0; padding: 28px 0 24px; border-top: 1px solid var(--smag-line, #d6dddc); }
.smag-brand-heading { margin: 0 0 24px; }
.smag-brand-heading .smag-brand-eyebrow { margin: 0 0 9px; color: var(--smag-muted, #57696e); font-size: 10px; font-weight: 700; letter-spacing: .16em; line-height: 1.5; text-transform: uppercase; }
.smag-brand-heading h2 { margin: 0; color: var(--smag-ink, #102e3a); font-size: clamp(25px, 2.6vw, 34px); font-weight: 750; letter-spacing: -.045em; line-height: 1.12; }
.smag-brand-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.smag-brand-grid .smag-brand-card { --brand-color: #9cd4e9; --brand-glow: rgba(58, 155, 188, .24); display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--smag-line, #d6dddc); border-radius: 24px; background: var(--smag-paper, #fffdf7); color: var(--smag-ink, #102e3a); text-decoration: none; box-shadow: 0 8px 22px -22px #102e3a; transition: transform .2s ease, box-shadow .2s ease; }
.smag-brand-grid .smag-brand-card--tv { --brand-color: #ffbeb4; --brand-glow: rgba(215, 109, 109, .21); }
.smag-brand-grid .smag-brand-card--festival { --brand-color: #d4c2ff; --brand-glow: rgba(152, 94, 227, .24); }
.smag-brand-stage { position: relative; display: grid; place-items: center; min-height: 244px; padding: 50px 30px 27px; isolation: isolate; box-sizing: border-box; background: radial-gradient(ellipse at 50% 75%, var(--brand-glow), transparent 70%), #0c2733; }
.smag-brand-label { position: absolute; top: 20px; left: 22px; padding: 5px 10px; border: 1px solid rgba(255,255,255,.22); border-radius: 100px; color: #fff5df; font-size: 9px; font-weight: 700; letter-spacing: .13em; line-height: 1.4; text-transform: uppercase; }
.smag-brand-stage .smag-brand-logo { display: block; width: min(100%, 220px); height: 158px; margin: 0; object-fit: contain; object-position: center; }
.smag-brand-card--festival .smag-brand-stage .smag-brand-logo { height: 157px; width: 180px; }
.smag-brand-info { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 25px 27px 27px; }
.smag-brand-info h3 { margin: 0 0 9px; color: inherit; font-size: clamp(23px, 2.1vw, 29px); font-weight: 800; letter-spacing: -.045em; line-height: 1.15; }
.smag-brand-info p { max-width: 31ch; margin: 0 0 23px; color: var(--smag-muted, #57696e); font-size: 13px; line-height: 1.65; }
.smag-brand-action { display: inline-block; margin-top: auto; padding: 10px 16px; border-radius: 100px; background: #102e3a; color: #fff5df; font-size: 11px; font-weight: 750; line-height: 1.5; }
.smag-brand-card:focus-visible { outline: 3px solid var(--smag-ink, #102e3a); outline-offset: 5px; }
@media (hover: hover) { .smag-brand-grid .smag-brand-card:hover { transform: translateY(-4px); box-shadow: 0 17px 32px -24px rgba(16,46,58,.5); text-decoration: none; } .smag-brand-card:hover .smag-brand-action { background: var(--brand-color); color: #102e3a; } }
html[data-smag-theme="dark"] .smag-brand-grid .smag-brand-card { background: #122d38; color: #fff5df; border-color: #35505b; }
html[data-smag-theme="dark"] .smag-brand-info p { color: #c2d1d7; }
html[data-smag-theme="dark"] .smag-brand-action { background: var(--brand-color); color: #102e3a; }
@media (max-width: 900px) { .smag-brand-grid { gap: 14px; } .smag-brand-stage { padding-inline: 20px; min-height: 218px; } .smag-brand-info { padding: 22px 19px; } .smag-brand-stage .smag-brand-logo, .smag-brand-card--festival .smag-brand-stage .smag-brand-logo { height: 140px; } }
@media (max-width: 640px) { .smag-brand-universe { margin-top: 27px; padding-top: 24px; } .smag-brand-grid { grid-template-columns: 1fr; gap: 19px; } .smag-brand-grid .smag-brand-card { display: grid; grid-template-columns: minmax(112px, .8fr) minmax(0, 1.2fr); border-radius: 21px; } .smag-brand-stage { padding: 51px 15px 26px; min-height: 230px; } .smag-brand-label { top: 16px; left: 13px; font-size: 8px; } .smag-brand-stage .smag-brand-logo, .smag-brand-card--festival .smag-brand-stage .smag-brand-logo { width: 100%; height: 116px; } .smag-brand-info { padding: 24px 18px; } .smag-brand-info h3 { font-size: 23px; } .smag-brand-info p { font-size: 12px; margin-bottom: 18px; } .smag-brand-action { padding: 9px 12px; font-size: 10px; } }
@media (max-width: 350px) { .smag-brand-grid .smag-brand-card { display: flex; } .smag-brand-stage { min-height: 195px; } }
@media (prefers-reduced-motion: reduce) { .smag-brand-grid .smag-brand-card { transition: none; } .smag-brand-grid .smag-brand-card:hover { transform: none; } }
@media (forced-colors: active) { .smag-brand-grid .smag-brand-card, .smag-brand-action { border: 1px solid LinkText; } }

/* Suppress the legacy duplicate even before Diario refreshes its fragment. */
body.home #smd-universe { display: none; }