/* Spain-localised visual system: Mediterranean evening light, editorial calm, and cinematic warmth. */
:root {
  --es-ink: #18223b;
  --es-navy: #102445;
  --es-cobalt: #145da0;
  --es-cobalt-soft: #eaf3fb;
  --es-terracotta: #c7503e;
  --es-coral: #e2785d;
  --es-sun: #f2b544;
  --es-sun-soft: #fff2cf;
  --es-cream: #fff9ed;
  --es-muted: #697084;
  --es-border: rgba(24, 34, 59, .12);
}
html[lang="es-ES"] {
  background: var(--es-cream);
}
body.es-local {
  background: var(--es-cream);
  color: var(--es-ink);
  font-family: Nunito, "Segoe UI", Arial, sans-serif;
}
body.es-local .pc-wrap {
  min-height: 100vh;
  background:
    radial-gradient(circle at 8% 15%, rgba(242, 181, 68, .15), transparent 26%),
    radial-gradient(circle at 94% 30%, rgba(20, 93, 160, .10), transparent 31%),
    radial-gradient(circle at 80% 86%, rgba(199, 80, 62, .08), transparent 28%),
    var(--es-cream);
}
/* Navigation: a crisp Mediterranean editorial header. */
body.es-local .head-box[data-v-541f1c68] {
  border-bottom: 1px solid var(--es-border);
  background: rgba(255, 249, 237, .94);
  box-shadow: 0 5px 18px rgba(16, 36, 69, .06);
}
body.es-local .head-content[data-v-541f1c68] {
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(90deg, var(--es-cobalt), var(--es-sun), var(--es-terracotta)) 1;
}
body.es-local .head-center-left .bar.active .bar-item[data-v-541f1c68],
body.es-local .head-center-left .bar-item[data-v-541f1c68]:hover {
  color: var(--es-terracotta);
}
body.es-local .head-center-left .bar.active[data-v-541f1c68]::after {
  background: var(--es-sun);
}
body.es-local .head-center-search[data-v-541f1c68] {
  border-color: rgba(20, 93, 160, .26);
  background: #fff;
}
body.es-local .switch-language[data-v-541f1c68] {
  color: var(--es-cobalt);
  font-weight: 700;
}
/* Feature panel: intimate, cinematic, and made for a vertical viewing habit. */
body.es-local .video-playback-slot {
  margin: 34px auto 24px;
  border: 4px solid #fff;
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(16, 36, 69, .20), 0 0 0 1px rgba(20, 93, 160, .20);
}
body.es-local .video-playback-slot::before {
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 999px;
  background: rgba(16, 36, 69, .88);
  color: #fff;
  content: "Drama en español";
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 16px;
}
body.es-local .video-audio-toggle[data-audio-state="sound-on"] {
  border-color: rgba(242, 181, 68, .92);
  background: rgba(20, 93, 160, .92);
}
body.es-local .video-audio-toggle:hover,
body.es-local .video-audio-toggle:focus-visible {
  border-color: rgba(242, 181, 68, .95);
  background: rgba(20, 93, 160, .88);
  box-shadow: 0 7px 18px rgba(0, 0, 0, .34), 0 0 0 3px rgba(242, 181, 68, .22);
}
/* Earn-promotion surface: sunset terracotta, cobalt depth, and a single bright action. */
body.es-local .pb.earn-promo[data-v-7ac29dd9] {
  min-height: 92px;
  border: 1px solid rgba(242, 181, 68, .68);
  border-radius: 16px;
  background: linear-gradient(110deg, var(--es-navy) 0%, var(--es-cobalt) 58%, #1f79bd 100%) !important;
  box-shadow: 0 10px 26px rgba(16, 36, 69, .17);
}
body.es-local .pb.earn-promo .pb-title[data-v-7ac29dd9] {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
body.es-local .pb.earn-promo .pb-btn[data-v-7ac29dd9] {
  min-width: 128px;
  border-radius: 10px;
  background: var(--es-sun);
  box-shadow: 0 5px 0 #c8861d, 0 8px 16px rgba(0, 0, 0, .16);
  color: var(--es-navy);
  font-weight: 900;
  letter-spacing: .01em;
  white-space: nowrap;
}
body.es-local .pb.earn-promo .earn-headline b[data-v-7ac29dd9] {
  color: #ffe18b;
}
/* Campaign image: contained, premium and intentionally text-safe. */
body.es-local .promo-image-banner {
  width: min(820px, calc(100% - 48px));
  margin: 38px auto 46px;
  border: 3px solid #fff;
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(16, 36, 69, .16), 0 0 0 1px rgba(199, 80, 62, .18);
}
body.es-local .promo-image-banner:hover,
body.es-local .promo-image-banner:focus-visible {
  box-shadow: 0 21px 46px rgba(16, 36, 69, .23), 0 0 0 2px rgba(242, 181, 68, .52);
}
/* Story shelves: white paper cards with Spanish editorial typography. */
body.es-local .sixone.w1080[data-v-3756d484] {
  margin-top: 52px !important;
}
body.es-local .sixone .sixone-content > .title[data-v-3756d484] {
  min-height: 44px;
  margin-bottom: 22px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--es-border);
}
body.es-local .sixone .title h2[data-v-ea8fa98a] {
  position: relative;
  color: var(--es-navy);
  font-family: "Gilda Display", Georgia, serif;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 34px;
}
body.es-local .sixone .title h2[data-v-ea8fa98a]::after {
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 58px;
  height: 4px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--es-terracotta), var(--es-sun));
  content: '';
}
body.es-local .sixone .title .more[data-v-ea8fa98a] {
  color: var(--es-cobalt);
  font-weight: 800;
}
body.es-local .sixone .books[data-v-3756d484] {
  row-gap: 34px;
}
body.es-local .sixone .book .cover[data-v-3756d484] {
  overflow: hidden;
  border-radius: 14px;
  background: var(--es-navy);
  box-shadow: 0 10px 22px rgba(16, 36, 69, .14);
}
body.es-local .sixone .book .cover img[data-v-3756d484] {
  transition: transform .28s ease;
}
body.es-local .sixone .book:hover .cover img[data-v-3756d484] {
  transform: scale(1.025);
}
body.es-local .sixone .book-name[data-v-3756d484] {
  margin-top: 13px;
  color: var(--es-ink);
  font-weight: 800;
  line-height: 22px;
}
body.es-local .sixone .book-tag-item[data-v-3756d484] {
  color: var(--es-cobalt);
  font-weight: 700;
}
body.es-local .sixone .book-desc[data-v-3756d484] {
  margin-top: 9px;
  color: var(--es-muted);
  line-height: 1.58;
}
/* Closing note and footer: warm paper resolves into midnight blue. */
body.es-local .welcome[data-v-46a06c32] {
  margin-top: 58px !important;
  padding: 46px 0 50px;
  border-top: 1px solid rgba(242, 181, 68, .52);
  border-bottom: 1px solid rgba(20, 93, 160, .17);
  background: linear-gradient(135deg, #fff1d3, #fff9ed 52%, #e8f2fb);
}
body.es-local .welcome-content .title[data-v-46a06c32] {
  color: var(--es-navy);
  font-family: "Gilda Display", Georgia, serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 34px;
}
body.es-local .welcome-content .p1[data-v-46a06c32],
body.es-local .welcome-content .p2[data-v-46a06c32] {
  max-width: 790px;
  color: #46516a;
  font-size: 15px;
  line-height: 1.75;
}
body.es-local .footer[data-v-117b81bc] {
  padding-top: 30px;
  padding-bottom: calc(30px + env(safe-area-inset-bottom));
  background: var(--es-navy);
}
body.es-local .footer-links a[data-v-117b81bc] {
  color: rgba(255, 255, 255, .88);
  font-weight: 700;
}
body.es-local .footer-links a[data-v-117b81bc]:hover {
  color: #ffe18b;
}
body.es-local .footer-company[data-v-117b81bc] {
  color: rgba(255, 255, 255, .58);
}
@media (max-width: 767px) {
  body.es-local .video-playback-slot {
    margin: 22px auto 18px;
    border-width: 3px;
    border-radius: 18px;
  }
  body.es-local .video-playback-slot::before {
    top: 10px;
    left: 10px;
    padding: 5px 8px;
    font-size: 10px;
  }
  body.es-local .pb.earn-promo[data-v-7ac29dd9] {
    min-height: 78px;
    margin-top: 0;
    margin-bottom: 26px;
    padding: 0 14px;
  }
  body.es-local .pb.earn-promo .pb-title[data-v-7ac29dd9] {
    font-size: 15px;
    line-height: 22px;
  }
  body.es-local .pb.earn-promo .pb-btn[data-v-7ac29dd9] {
    min-width: 94px;
    padding: 0 10px !important;
    font-size: 13px;
  }
  body.es-local .promo-image-banner {
    width: calc(100% - 32px);
    margin-top: 28px;
    margin-bottom: 34px;
    border-radius: 16px;
  }
  body.es-local .sixone.w1080[data-v-3756d484] {
    margin-top: 38px !important;
  }
  body.es-local .sixone .sixone-content > .title[data-v-3756d484] {
    min-height: 38px;
    margin-bottom: 18px;
    padding-bottom: 9px;
  }
  body.es-local .sixone .title h2[data-v-ea8fa98a] {
    font-size: 25px;
    line-height: 30px;
  }
  body.es-local .sixone .title h2[data-v-ea8fa98a]::after {
    bottom: -10px;
    width: 46px;
    height: 3px;
  }
  body.es-local .sixone .books[data-v-3756d484] {
    row-gap: 26px;
  }
  body.es-local .sixone .book .cover[data-v-3756d484] {
    border-radius: 10px;
  }
  body.es-local .sixone .book-name[data-v-3756d484] {
    margin-top: 10px;
  }
  body.es-local .welcome[data-v-46a06c32] {
    margin-top: 46px !important;
    padding: 38px 0 42px;
  }
  body.es-local .welcome-content .title[data-v-46a06c32] {
    font-size: 25px;
    line-height: 31px;
  }
}
