/* Editorial Flow · dirección premium para el home completo. */
:root {
  --ink: #171817;
  --ink-2: #282624;
  --orange: #f47e2c;
  --orange-dark: #b5521b;
  --cocoa: #55362f;
  --paper: #fbfaf6;
  --sand: #eeece5;
  --line: rgba(23, 24, 23, .15);
  --muted: #747873;
}

body[data-page="inicio"] { color: var(--ink); background: var(--paper); }
body[data-page="inicio"] .topbar { background: var(--orange); }

body[data-page="inicio"] .site-header--editorial {
  position: relative;
  z-index: 7;
  color: var(--ink);
  border-bottom-color: var(--line);
  background: var(--paper);
}

body[data-page="inicio"] .site-header--editorial .brand-mark {
  width: 156px;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

body[data-page="inicio"] .site-header--editorial .site-nav a,
body[data-page="inicio"] .site-header--editorial .site-nav a:hover,
body[data-page="inicio"] .site-header--editorial .site-nav a.is-current { color: var(--ink); }
body[data-page="inicio"] .site-header--editorial .header-cta { color: var(--ink) !important; background: var(--orange); }
body[data-page="inicio"] .site-header--editorial .header-cta span { color: var(--ink); background: rgba(23, 24, 23, .14); }
body[data-page="inicio"] .site-header--editorial .menu-toggle { color: var(--ink); }

body[data-page="inicio"] .home-hero {
  min-height: 640px;
  height: clamp(620px, calc(100dvh - 120px), 780px);
  color: var(--ink);
  background: var(--paper);
}

body[data-page="inicio"] .home-hero__copy {
  position: relative;
  z-index: 2;
  padding-top: 100px;
  padding-right: clamp(42px, 7vw, 96px);
  padding-left: max(32px, calc((100vw - 1180px) / 2));
}

body[data-page="inicio"] .home-hero__copy:after {
  content: "CHEF";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: max(-38px, calc((1180px - 100vw) / 2));
  color: rgba(244, 126, 44, .055);
  font-size: clamp(8rem, 15vw, 13rem);
  font-weight: 800;
  letter-spacing: -.14em;
  line-height: .78;
  transform: translateY(-50%);
  pointer-events: none;
}

body[data-page="inicio"] .home-hero__copy > * {
  position: relative;
  animation: editorialRise .9s var(--ease) both;
}
body[data-page="inicio"] .home-hero__copy > *:nth-child(2) { animation-delay: .08s; }
body[data-page="inicio"] .home-hero__copy > *:nth-child(3) { animation-delay: .16s; }
body[data-page="inicio"] .home-hero__copy > *:nth-child(4) { animation-delay: .24s; }

body[data-page="inicio"] .home-hero__copy .eyebrow { color: var(--orange); }
body[data-page="inicio"] .home-hero__copy h1 { max-width: 690px; color: var(--ink); font-size: clamp(3.6rem, 6.6vw, 7.3rem); font-weight: 700; line-height: .82; }
body[data-page="inicio"] .home-hero__copy h1 em { color: var(--orange); }
body[data-page="inicio"] .home-hero__copy .hero__lede { max-width: 430px; color: var(--muted); }
body[data-page="inicio"] .home-hero__copy .button { color: var(--ink); background: var(--orange); }
body[data-page="inicio"] .home-hero__copy .text-link--light { color: var(--ink); }
body[data-page="inicio"] .home-hero__copy .text-link--light:hover { color: var(--orange-dark); }

body[data-page="inicio"] .home-hero__media { background: var(--sand); }
body[data-page="inicio"] .home-hero__media img { object-position: 54% center; filter: saturate(.78) contrast(1.04); animation: editorialZoom 8s var(--ease) both; }
body[data-page="inicio"] .home-hero__media:after { background: linear-gradient(0deg, rgba(23, 24, 23, .34), transparent 58%); }
body[data-page="inicio"] .home-hero .hero-proof { right: 24px; bottom: 25px; left: auto; width: 225px; padding: 20px; color: var(--ink); border-top: 3px solid var(--orange); background: var(--paper); box-shadow: 0 20px 45px rgba(60, 45, 34, .14); }
body[data-page="inicio"] .home-hero .hero-proof strong { color: var(--orange-dark); }

body[data-page="inicio"] .trust-strip { background: #fff; }
body[data-page="inicio"] .trust-strip__number { color: var(--orange-dark); }
body[data-page="inicio"] .section--sand { background: var(--sand); }
body[data-page="inicio"] .section--ink { background: var(--ink); }
body[data-page="inicio"] .home-intro__copy p,
body[data-page="inicio"] .side-note span,
body[data-page="inicio"] .section-heading > p,
body[data-page="inicio"] .recognition-list__item p,
body[data-page="inicio"] .contact-panel__copy > p { color: var(--muted); }

body[data-page="inicio"] .home-intro--selected .home-intro__side .side-note { transition: transform .5s var(--ease), border-color .5s ease; }
body[data-page="inicio"] .home-intro--selected .home-intro__side .side-note:hover { border-color: var(--orange); transform: translateX(7px); }
body[data-page="inicio"] .program-card { background: var(--ink); transform: translateY(0); transition: transform .7s var(--ease), box-shadow .7s var(--ease); }
body[data-page="inicio"] .program-card:hover { transform: translateY(-7px); box-shadow: 0 22px 34px rgba(40, 31, 25, .2); }
body[data-page="inicio"] .program-card__image img { filter: saturate(.68); }
body[data-page="inicio"] .program-card__number,
body[data-page="inicio"] .program-card__link { color: var(--orange); }
body[data-page="inicio"] .experience-grid__visual img { filter: saturate(.72); }
body[data-page="inicio"] .experience-grid__tag { background: var(--cocoa); }
body[data-page="inicio"] .contact-panel { background: var(--sand); }
body[data-page="inicio"] .contact-form { background: #f7f5ef; box-shadow: 0 18px 42px rgba(83, 64, 49, .08); }
body[data-page="inicio"] .site-footer { background: var(--ink); }
body[data-page="inicio"] .site-footer .footer__top img { filter: brightness(0) invert(1); }

@keyframes editorialRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes editorialZoom { from { transform: scale(1.08); } to { transform: scale(1); } }

@media (max-width: 900px) {
  body[data-page="inicio"] .home-hero { min-height: calc(100dvh - 120px); height: auto; }
  body[data-page="inicio"] .home-hero__copy { padding-right: max(20px, calc((100% - 680px) / 2)); padding-left: max(20px, calc((100% - 680px) / 2)); }
  body[data-page="inicio"] .home-hero__media { min-height: 440px; }
}

@media (max-width: 700px) {
  body[data-page="inicio"] .home-hero { min-height: 0; height: calc(100dvh - 120px); }
  body[data-page="inicio"] .home-hero__copy:after { top: 27%; left: -12px; font-size: 8.8rem; }
  body[data-page="inicio"] .home-hero .hero-proof { top: 64px; right: 16px; bottom: auto; width: auto; min-width: 154px; padding: 13px; }
  body[data-page="inicio"] .home-hero .hero-proof strong { font-size: 31px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="inicio"] .home-hero__copy > *,
  body[data-page="inicio"] .home-hero__media img { animation: none; }
}
