/* =========================================================
   REFRESH · ajustes globales (se carga después de styles.css)
   - Menú principal: 7 accesos + "Más" (antes 13 ítems que forzaban el menú hamburguesa)
   - Sección "Recién llegados" del inicio
   ========================================================= */

/* ---------- Menú: escritorio ---------- */
@media (min-width: 1025px) {
  /* el menú hamburguesa ahora solo aparece en tablet/celular */
  .main-nav {
    position: static; top: auto; left: auto; right: auto; padding: 0; border: 0; background: none;
    backdrop-filter: none; transform: none; opacity: 1; visibility: visible; transition: none;
  }
  .main-nav ul { flex-direction: row; align-items: center; gap: .2rem; }
  .main-nav ul li a, .nav-more__btn {
    width: auto; justify-content: flex-start; background: none;
    font-size: clamp(.76rem, .95vw, .88rem); padding: .5rem clamp(.45rem, .75vw, .85rem);
  }
  .nav-toggle { display: none; }
  .brand-copy small { display: block; }
}

.nav-more { position: relative; }
.nav-more__btn {
  display: inline-flex; align-items: center; gap: .45rem; border: 0; border-radius: 999px; cursor: pointer;
  background: none; color: var(--brown-dark, #3b1f0a); font-family: "Montserrat", Arial, sans-serif; font-weight: 600;
  transition: color .2s ease, background .28s ease;
}
.nav-more__btn::after {
  content: ""; width: 6px; height: 6px; margin-top: -3px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg); transition: transform .2s ease;
}
.nav-more.is-open .nav-more__btn::after { transform: rotate(225deg); margin-top: 3px; }
.nav-more__btn:hover, .nav-more.is-open .nav-more__btn, .nav-more__btn.is-current { background: rgba(92, 60, 28, .07); }
.nav-more__btn:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }

.main-nav .nav-more__list {
  position: absolute; right: 0; top: calc(100% + 10px); z-index: 130; min-width: 230px; margin: 0; padding: 8px;
  flex-direction: column; align-items: stretch; gap: 2px; list-style: none;
  background: var(--white, #fff); border: 1px solid var(--border); border-radius: 18px; box-shadow: var(--shadow-md);
  display: none;
}
.nav-more.is-open .nav-more__list { display: flex; }
.main-nav .nav-more__list a { width: 100%; justify-content: flex-start; padding: .65rem .9rem; border-radius: 12px; font-size: .86rem; }
.main-nav .nav-more__list a:hover { background: rgba(92, 60, 28, .07); }

/* ---------- Menú: tablet / celular (panel desplegable) ---------- */
@media (max-width: 1024px) {
  .nav-more__btn { display: none; }
  .main-nav .nav-more__list {
    position: static; display: flex; min-width: 0; padding: 0; border: 0; box-shadow: none; background: none; gap: .15rem;
  }
  .main-nav ul li.nav-more { display: contents; }
}

/* ---------- Inicio · Recién llegados ---------- */
.home-fresh { background: linear-gradient(180deg, var(--bg-soft, #fcf8f4), #fff 70%); }
.fresh-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.fresh-card {
  position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; color: #fff; isolation: isolate;
  border-radius: 22px; background: #2a211a; box-shadow: var(--shadow-sm); transition: transform .35s ease, box-shadow .35s ease;
}
.fresh-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 34%; transition: transform .7s cubic-bezier(.22, 1, .36, 1); }
.fresh-card::after { content: ""; position: absolute; inset: 28% 0 0 0; z-index: 1; background: linear-gradient(to top, rgba(24, 14, 6, .92) 0%, rgba(24, 14, 6, .6) 42%, transparent 100%); }
.fresh-card > * { position: relative; z-index: 2; }
.fresh-chip {
  position: absolute !important; top: 14px; left: 14px; padding: .4rem .8rem; border-radius: 999px; background: rgba(255, 255, 255, .92);
  color: var(--primary); font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}
.fresh-chip--new { background: var(--primary); color: #fff; }
.fresh-meta { position: absolute !important; left: 18px; right: 18px; bottom: 16px; display: flex; flex-direction: column; }
.fresh-meta strong { font-family: "Playfair Display", serif; font-size: 1.55rem; line-height: 1.1; text-shadow: 0 2px 10px rgba(0, 0, 0, .5); }
.fresh-meta small { font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-shadow: 0 1px 8px rgba(0, 0, 0, .7); }
@media (hover: hover) {
  .fresh-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
  .fresh-card:hover img { transform: scale(1.06); }
}
.fresh-cta { display: flex; justify-content: center; margin: 2.4rem 0 0; }
.fresh-cta .btn { width: auto; padding: 0 34px; }
@media (max-width: 900px) { .fresh-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } }
@media (max-width: 480px) { .fresh-meta strong { font-size: 1.2rem; } .fresh-meta { left: 12px; right: 12px; bottom: 12px; } }
@media (prefers-reduced-motion: reduce) { .fresh-card, .fresh-card img { transition: none; } }

/* ---------- Disponibles · "Asignación responsable" (corrige contraste + rediseño) ---------- */
/* Bug: el h2 de esta tarjeta oscura heredaba el color café por defecto -> texto casi invisible. */
.assignment-intro h2 { color: #fff8ed; }

.assignment-steps li {
  position: relative; overflow: hidden;
  padding: 2.5rem 1.2rem 1.3rem; display: flex; flex-direction: column;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
@media (hover: hover) {
  .assignment-steps li:hover { transform: translateY(-4px); background: rgba(255,255,255,.09); border-color: rgba(236,217,173,.4); }
}
.assignment-steps-icon {
  position: absolute; top: -22px; left: 1.2rem; z-index: 2; width: 44px; height: 44px;
  display: grid; place-items: center; border-radius: 50%; font-size: 1.05rem; color: #3f2716;
  background: linear-gradient(140deg, #e7c98a, #c9975a); box-shadow: 0 8px 18px rgba(0,0,0,.35), 0 0 0 4px #4a2f19;
}
.assignment-steps li > span {
  position: absolute; top: .5rem; right: 1rem; z-index: 1; margin: 0;
  font-family: var(--font-display, 'Playfair Display', serif); font-size: 2.6rem; line-height: 1;
  color: rgba(255,255,255,.16);
}
.assignment-steps li > div { position: relative; z-index: 2; margin-top: .5rem; }

/* el indicador "Seguir conociendo" quedaba tapado por las tarjetas del hero */
.home-scroll-cue { display: none !important; }

/* Idiomas: FR y RU quedan ocultos hasta que se re-traduzcan (las traducciones cargadas estaban dañadas). */
.language-switcher [data-language="fr"], .language-switcher [data-language="ru"] { display: none !important; }
.language-switcher [data-language="en"] ~ span { display: none !important; }