/*
 * Yachay — Skin: Aqua & Peach
 * Solo estilos visuales. No toca lógica PHP ni panel de WordPress.
 */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;700&display=swap');

:root {
  --ya-bg:          #789A99;
  --ya-bg-surface:  rgba(255,255,255,0.08);
  --ya-bg-surface2: rgba(255,255,255,0.04);
  --ya-bg-border:   rgba(255,210,194,0.18);
  --ya-text:        #ffffff;
  --ya-text-muted:  rgba(255,255,255,0.55);
  --ya-btn-text:    #1C2422;
}

body.ya-landing {
  font-family: 'DM Sans', -apple-system, sans-serif;
  font-weight: 300;
  background: #789A99;
}

/* ── TOPBAR ─────────────────────────────────────────────────── */
.ya-topbar {
  background: #789A99 !important;
  border-bottom: 1px solid rgba(255,210,194,0.2) !important;
  backdrop-filter: none !important;
}
.ya-link--subtle { color: rgba(255,255,255,0.45) !important; }
.ya-topbar img.ya-topbar__logo--full { filter: brightness(0) invert(1) !important; }

/* ── HERO TIPOGRÁFICO ───────────────────────────────────────── */
.ya-typo-hero { border-bottom: 1px solid rgba(255,210,194,0.15); }
.ya-typo-hero__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; min-height: 0; }
.ya-typo-hero__big { display: flex; flex-direction: column; padding: 40px 36px 36px 16px; border-right: 1px solid rgba(255,210,194,0.15); overflow: visible !important; height: auto !important; }
.ya-typo-hero__word { font-family: 'Bebas Neue', sans-serif; font-size: clamp(72px, 9vw, 128px); line-height: 0.87; color: #ffffff; display: block; }
.ya-typo-hero__word em { font-style: normal; color: var(--ya-accent); }
.ya-typo-hero__right { padding: 36px 32px; display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.ya-typo-hero__eyebrow { font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.35); }
.ya-typo-hero__video { margin-bottom: 4px; }
.ya-typo-hero__tagline { font-size: 15px; line-height: 1.68; font-weight: 300; color: rgba(255,255,255,0.8); }
.ya-typo-hero__note { font-size: 11px; color: rgba(255,255,255,0.3); }

@media (max-width: 640px) {
  .ya-typo-hero__grid { grid-template-columns: 1fr; min-height: auto; }
  .ya-typo-hero__big { border-right: none; border-bottom: 1px solid rgba(255,210,194,0.15); padding: 28px 20px; }
  .ya-typo-hero__word { font-size: clamp(60px, 18vw, 80px); }
  .ya-typo-hero__right { padding: 24px 20px; }
}

/* ── BOTÓN — píldora redondeada ─────────────────────────────── */
.ya-btn--cta,
.ya-typo-cta-hero {
  background: var(--ya-accent) !important;
  color: #1C2422 !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
  padding: 16px 28px !important;
  text-align: center !important;
  box-shadow: 0 2px 20px rgba(255,210,194,0.2) !important;
  transition: background 0.2s, transform 0.15s, box-shadow 0.15s !important;
}
.ya-btn--cta:hover,
.ya-typo-cta-hero:hover {
  background: var(--ya-accent-dark) !important;
  color: #1C2422 !important;
  opacity: 1 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 28px rgba(255,210,194,0.35) !important;
}
.ya-btn--cta s,
.ya-typo-cta-hero s { opacity: 0.5; font-weight: 400; margin-right: 6px; color: #1C2422; }

/* ── VIDEO ──────────────────────────────────────────────────── */
.ya-video-hero { border-radius: 12px !important; overflow: hidden; }
.ya-thumb { border-radius: 8px !important; }
.ya-thumb.ya-thumb--active { border-color: var(--ya-accent) !important; }

/* ── TICKER ANIMADO ─────────────────────────────────────────── */
.ya-ticker {
  overflow: hidden;
  white-space: nowrap;
  padding: 13px 0;
  border-top: 1px solid rgba(255,210,194,0.15);
  border-bottom: 1px solid rgba(255,210,194,0.15);
  background: #789A99 !important;
}
.ya-ticker__inner {
  display: inline-flex;
  animation: ya-tick 24s linear infinite;
}
.ya-ticker__group {
  display: inline-flex;
  flex-shrink: 0;
}
.ya-ticker__item {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,241,235,0.72);
  padding: 0 36px;
  border-right: 1px solid rgba(255,210,194,0.22);
}
@keyframes ya-tick {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .ya-ticker__inner { animation: none; }
  .ya-ticker__group--dup { display: none; }
}

/* ── PITCH BAR ──────────────────────────────────────────────── */
.ya-pitch-bar { border-bottom: 1px solid rgba(255,210,194,0.12) !important; }
.ya-pitch-bar__intro { color: #ffffff !important; font-size: 12px !important; }
.ya-pitch-bar__list li { color: rgba(255,255,255,0.6) !important; }
.ya-pitch-bar__list li::before { color: var(--ya-accent) !important; }

/* ── QUOTE DE CIERRE ────────────────────────────────────────── */
.ya-quote {
  padding: 64px 0;
  text-align: center;
  border-top: 0.5px solid rgba(255,210,194,0.2);
}
.ya-quote__text {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 38px;
  line-height: 1.1;
  color: #ffffff;
  max-width: 620px;
  margin: 0 auto;
}
.ya-quote__text em { font-style: normal; color: var(--ya-accent); }
@media (max-width: 640px) {
  .ya-quote { padding: 40px 20px; }
  .ya-quote__text { font-size: 28px; }
}

/* ── STATS ──────────────────────────────────────────────────── */
.ya-stats { padding: 0 !important; }
.ya-stats__grid {
  border-radius: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  border-top: 1px solid rgba(255,210,194,0.15);
  border-bottom: 1px solid rgba(255,210,194,0.15);
  grid-template-columns: repeat(4,1fr) !important;
}
.ya-stat { background: transparent !important; border-right: 1px solid rgba(255,210,194,0.15) !important; padding: 13px 16px !important; }
.ya-stat:last-child { border-right: none !important; }
.ya-stat .ti { color: var(--ya-accent) !important; }
.ya-stat span { color: rgba(255,255,255,0.7) !important; font-size: 11px !important; }
.ya-stat s { opacity: 0.4; }

/* ── DISCOUNT BADGE ─────────────────────────────────────────── */
.ya-cta-block { padding: 16px 0 6px !important; }
.ya-discount-badge { color: var(--ya-accent) !important; font-size: 11px !important; }
.ya-discount-badge .ti { color: var(--ya-accent) !important; }

/* ── DESCRIPCIÓN ────────────────────────────────────────────── */
.ya-description__text { color: rgba(255,255,255,0.65) !important; font-weight: 300 !important; line-height: 1.78 !important; }

/* ── BENEFICIOS ─────────────────────────────────────────────── */
.ya-benefits__list { gap: 0 !important; }
.ya-benefit { padding: 12px 0 !important; border-bottom: 0.5px solid rgba(255,210,194,0.1) !important; align-items: baseline !important; gap: 14px !important; }
.ya-benefit:last-child { border-bottom: none !important; }
.ya-benefit .ti { color: var(--ya-accent) !important; }
.ya-benefit span { color: rgba(255,255,255,0.8) !important; font-weight: 300 !important; }

/* ── SIDEBAR ────────────────────────────────────────────────── */
.ya-sidebar { border-radius: 12px !important; background: rgba(255,255,255,0.08) !important; border: 0.5px solid rgba(255,210,194,0.2) !important; box-shadow: none !important; }
.ya-sidebar__name { color: #ffffff !important; font-size: 15px !important; }
.ya-sidebar__creator { color: rgba(255,255,255,0.35) !important; }
.ya-sidebar__desc { color: rgba(255,255,255,0.5) !important; }
.ya-sidebar__stats { border-radius: 8px !important; border: 0.5px solid rgba(255,210,194,0.15) !important; }
.ya-sidebar__stat strong { color: #ffffff !important; }
.ya-sidebar__stat span { color: rgba(255,255,255,0.3) !important; }
.ya-sidebar__join {
  border-radius: 100px !important;
  background: var(--ya-accent) !important;
  color: #1C2422 !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 16px rgba(255,210,194,0.2) !important;
}
.ya-sidebar__join:hover { background: var(--ya-accent-dark) !important; opacity: 1 !important; }

/* ── MODAL ──────────────────────────────────────────────────── */
.ya-modal__sheet { border-radius: 16px !important; background: #6A8988 !important; }
.ya-modal__title { color: #ffffff !important; }
.ya-plan { border-radius: 12px !important; border: 0.5px solid rgba(255,210,194,0.2) !important; }
.ya-plan--selected { border-color: var(--ya-accent) !important; }
.ya-plan__price strong { color: #ffffff !important; }
.ya-plan__name { color: rgba(255,255,255,0.6) !important; }
.ya-btn--join { border-radius: 100px !important; background: var(--ya-accent) !important; color: #1C2422 !important; font-weight: 700 !important; }
.ya-btn--join:hover { background: var(--ya-accent-dark) !important; opacity: 1 !important; }

/* ── FOOTER ─────────────────────────────────────────────────── */
.ya-footer { border-top: 1px solid rgba(255,210,194,0.1) !important; }
.ya-footer__copy { color: rgba(255,255,255,0.55) !important; }
.ya-footer__links a { color: rgba(255,255,255,0.5) !important; }
.ya-footer__links a:hover { color: var(--ya-accent) !important; }