/**
 * DUVEO Stream 7.4.0 — PORTADA PREMIUM
 *
 * Este archivo controla el hero, el ritmo de la portada y los detalles
 * exclusivos de identidad. Se carga de último para facilitar su edición.
 */
:root {
  --duveo-hero-radius: 28px;
  --duveo-hero-min-height: 560px;
  --duveo-home-section-space: 42px;
}

body.daar-v7-home .duveo-home-premium {
  display: flex;
  flex-direction: column;
}
body.daar-v7-home .duveo-premium-hero { order: 1; padding: 22px 0 12px; }
body.daar-v7-home .daar-home-continue { order: 2; }
body.daar-v7-home #para-ti { order: 3; }
body.daar-v7-home #shorts { order: 4; }
body.daar-v7-home #tendencias { order: 5; }
body.daar-v7-home #talento-por-descubrir { order: 6; }
body.daar-v7-home #estrenos { order: 7; }
body.daar-v7-home #categorias { order: 8; }
body.daar-v7-home #recientes { order: 9; }
body.daar-v7-home .duveo-community-cta { order: 10; }

body.daar-v7-home .duveo-premium-hero__stage {
  position: relative;
  min-height: var(--duveo-hero-min-height);
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid color-mix(in srgb, var(--daar-line) 86%, transparent);
  border-radius: var(--duveo-hero-radius);
  background:
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--daar-accent) 24%, transparent), transparent 38%),
    linear-gradient(145deg, #151515, #050505 68%);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34);
}
body.daar-v7-home .duveo-premium-hero__media,
body.daar-v7-home .duveo-premium-hero__media img,
body.daar-v7-home .duveo-premium-hero__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
body.daar-v7-home .duveo-premium-hero__media { z-index: -2; }
body.daar-v7-home .duveo-premium-hero__media img { object-fit: cover; object-position: center; filter: saturate(.92) contrast(1.06); transform: scale(1.008); }
body.daar-v7-home .duveo-premium-hero__veil {
  background:
    linear-gradient(90deg, rgba(4,4,4,.96) 0%, rgba(4,4,4,.82) 36%, rgba(4,4,4,.26) 70%, rgba(4,4,4,.15) 100%),
    linear-gradient(0deg, rgba(4,4,4,.93) 0%, transparent 52%);
}
body.daar-v7-home .duveo-premium-hero__content {
  width: min(720px, 62%);
  padding: clamp(34px, 5vw, 72px) clamp(24px, 5vw, 72px) 92px;
  color: #fff;
}
body.daar-v7-home .duveo-premium-hero__brand {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(7,7,7,.48);
  color: #f4f4f4;
  backdrop-filter: blur(16px);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.daar-v7-home .duveo-premium-hero__brand .daar-icon { width: 17px; height: 17px; }
body.daar-v7-home .duveo-premium-hero h1 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.5rem, 5.5vw, 5.8rem);
  line-height: .94;
  letter-spacing: -.065em;
  text-wrap: balance;
}
body.daar-v7-home .duveo-premium-hero__content > p {
  max-width: 590px;
  margin: 19px 0 0;
  color: rgba(255,255,255,.78);
  font-size: clamp(.95rem, 1.3vw, 1.1rem);
  line-height: 1.62;
}
body.daar-v7-home .duveo-premium-hero__creator {
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  color: #fff;
}
body.daar-v7-home .duveo-premium-hero__creator img { width: 42px; height: 42px; border: 2px solid rgba(255,255,255,.3); border-radius: 50%; }
body.daar-v7-home .duveo-premium-hero__creator span { min-width: 0; display: flex; flex-direction: column; }
body.daar-v7-home .duveo-premium-hero__creator strong { font-size: .78rem; }
body.daar-v7-home .duveo-premium-hero__creator small { max-width: 48vw; overflow: hidden; color: rgba(255,255,255,.64); font-size: .66rem; white-space: nowrap; text-overflow: ellipsis; }
body.daar-v7-home .duveo-premium-hero__actions { margin-top: 24px; }
body.daar-v7-home .duveo-premium-hero__actions .daar-button { min-width: 138px; border-radius: 13px; }
body.daar-v7-home .duveo-premium-hero__quick {
  position: absolute;
  right: 24px;
  bottom: 22px;
  display: flex;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 17px;
  background: rgba(8,8,8,.66);
  backdrop-filter: blur(20px) saturate(1.25);
}
body.daar-v7-home .duveo-premium-hero__quick a {
  min-width: 78px;
  min-height: 58px;
  display: grid;
  place-items: center;
  gap: 4px;
  padding: 8px 10px;
  border-radius: 12px;
  color: rgba(255,255,255,.76);
  font-size: .62rem;
  font-weight: 800;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
body.daar-v7-home .duveo-premium-hero__quick a:hover { background: rgba(255,255,255,.09); color: #fff; transform: translateY(-2px); }
body.daar-v7-home .duveo-premium-hero__quick .daar-icon { width: 20px; height: 20px; }
body.daar-v7-home .duveo-premium-hero.is-empty .duveo-premium-hero__content { padding-bottom: 70px; }

body.daar-v7-home .daar-home-feed,
body.daar-v7-home .daar-home-categories,
body.daar-v7-home .daar-home-premieres { padding: var(--duveo-home-section-space) 0; }
body.daar-v7-home .daar-home-section-heading { margin-bottom: 18px; }
body.daar-v7-home .daar-home-section-heading h2 { font-size: clamp(1.45rem, 2.6vw, 2.2rem); }
body.daar-v7-home .daar-home-section-kicker { max-width: 46ch; }

body.daar-v7-home .daar-home-media-card__details h3 {
  margin: 0 0 5px;
  font-size: .92rem;
  line-height: 1.28;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
body.daar-v7-home .daar-home-media-card__details h3 a { color: var(--daar-text); }
body.daar-v7-home .duveo-card-duration {
  position: absolute;
  z-index: 4;
  right: 9px;
  bottom: 9px;
  padding: 4px 7px;
  border-radius: 7px;
  background: rgba(5,5,5,.82);
  color: #fff;
  font-size: .58rem;
  font-weight: 850;
  line-height: 1;
  backdrop-filter: blur(10px);
}

body.daar-v7-home .duveo-home-trending { background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--daar-surface) 45%, transparent), transparent); }
body.daar-v7-home .duveo-talent-discovery .daar-home-creator-card--momentum { position: relative; overflow: hidden; }
body.daar-v7-home .duveo-talent-discovery .daar-home-creator-card--momentum:before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:3px; background:linear-gradient(90deg,var(--daar-accent),transparent); opacity:.75; }
body.daar-v7-home .duveo-community-cta .daar-shell { border-radius: 26px; }
body.daar-v7-home #para-ti,
body.daar-v7-home #shorts,
body.daar-v7-home #tendencias,
body.daar-v7-home #talento-por-descubrir,
body.daar-v7-home #estrenos,
body.daar-v7-home #categorias { scroll-margin-top: calc(var(--daar-header) + 18px); }

@media (max-width: 900px) {
  :root { --duveo-hero-min-height: 520px; }
  body.daar-v7-home .duveo-premium-hero__content { width: 72%; }
  body.daar-v7-home .duveo-premium-hero__quick { right: 16px; bottom: 16px; }
}

@media (max-width: 767px) {
  :root { --duveo-hero-radius: 21px; --duveo-hero-min-height: 510px; --duveo-home-section-space: 30px; }
  body.daar-v7-home .duveo-premium-hero { padding: 12px 0 4px; }
  body.daar-v7-home .duveo-premium-hero__stage { align-items: flex-end; }
  body.daar-v7-home .duveo-premium-hero__veil {
    background:
      linear-gradient(0deg, rgba(4,4,4,.98) 0%, rgba(4,4,4,.84) 42%, rgba(4,4,4,.12) 82%),
      linear-gradient(90deg, rgba(4,4,4,.5), transparent);
  }
  body.daar-v7-home .duveo-premium-hero__content { width: 100%; padding: 170px 17px 92px; }
  body.daar-v7-home .duveo-premium-hero h1 { font-size: clamp(2.15rem, 11vw, 3.45rem); }
  body.daar-v7-home .duveo-premium-hero__content > p { margin-top: 13px; font-size: .86rem; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
  body.daar-v7-home .duveo-premium-hero__creator { margin-top: 14px; }
  body.daar-v7-home .duveo-premium-hero__actions { margin-top: 18px; gap: 8px; }
  body.daar-v7-home .duveo-premium-hero__actions .daar-button { flex: 1 1 auto; min-width: 0; padding-inline: 10px; font-size: .7rem; }
  body.daar-v7-home .duveo-premium-hero__quick { left: 12px; right: 12px; bottom: 11px; justify-content: space-between; overflow-x: auto; }
  body.daar-v7-home .duveo-premium-hero__quick a { min-width: 65px; min-height: 48px; padding: 5px 7px; }
  body.daar-v7-home .duveo-premium-hero__quick .daar-icon { width: 17px; height: 17px; }

  body.daar-v7-home .duveo-mobile-two-column .daar-home-media-card__details h3 {
    margin-bottom: 4px;
    font-size: .72rem;
    line-height: 1.24;
  }
  body.daar-v7-home .duveo-mobile-two-column .daar-home-media-card__badge {
    left: 6px;
    top: 6px;
    padding: 4px 6px;
    font-size: .48rem;
  }
  body.daar-v7-home .duveo-mobile-two-column .duveo-card-duration {
    right: 6px;
    bottom: 6px;
    padding: 3px 5px;
    font-size: .5rem;
  }

  body.daar-v7-home .daar-home-short-rail { grid-auto-columns: minmax(138px, 43vw); gap: 10px; }
  body.daar-v7-home .daar-home-short-card__media { border-radius: 16px; }
  body.daar-v7-home .daar-home-creator-rail { grid-auto-columns: 78vw; }
}

@media (max-width: 390px) {
  body.daar-v7-home .duveo-premium-hero__content { padding-inline: 14px; }
  body.daar-v7-home .duveo-premium-hero__brand { font-size: .59rem; }
  body.daar-v7-home .duveo-premium-hero__creator small { max-width: 66vw; }
}

@media (prefers-reduced-motion: reduce) {
  body.daar-v7-home .duveo-premium-hero__media img,
  body.daar-v7-home .duveo-premium-hero__quick a { transition: none !important; }
}