/* ==========================================================================
   El Rancho Interiorano — secciones
   ========================================================================== */

/* ═══════════════════════════════ INTRO ═══════════════════════════════════ */
.intro {
  position: fixed;
  inset: 0;
  z-index: 900;
  background: var(--ox);
  display: grid;
  place-items: center;
  overflow: hidden;
}
.intro[hidden] { display: none; }

.intro__svg,
.intro__chispas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.intro__svg { pointer-events: none; }
.intro__chispas { pointer-events: none; }

.intro__trazo {
  stroke: var(--naranja);
  stroke-width: 5;
  stroke-linecap: square;
  stroke-linejoin: miter;
  filter: url(#glowBrasa);
}

.intro__abanico line {
  stroke: var(--dorado);
  stroke-width: 6;
  stroke-linecap: round;
  opacity: 0;
}

.intro__saltar {
  position: absolute;
  right: clamp(1rem, 4vw, 2.5rem);
  bottom: clamp(1rem, 4vw, 2.5rem);
  padding: .65rem 1.1rem;
  border: 1px solid rgba(243, 230, 214, .35);
  border-radius: 999px;
  color: var(--crema);
  font-size: .9rem;
  letter-spacing: .06em;
  background: rgba(18, 13, 11, .55);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--t-medio) var(--ease);
}
.intro__saltar.visible { opacity: 1; pointer-events: auto; }
.intro__saltar:hover { border-color: var(--brasa); color: var(--brasa); }

body.intro-activa { overflow: hidden; }

/* ═══════════════════════════ MARCO ESCALONADO ════════════════════════════
   Device grafico de marca: greca de escalones rectos, misma logica de
   reticula que los bordados de pollera y la greca del arte del estudio. */
.marco {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.marco path {
  fill: none;
  stroke: var(--naranja);
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}

.marco-foto { position: relative; }
.marco-foto .marco { inset: -10px; width: calc(100% + 20px); height: calc(100% + 20px); }
.marco-foto .marco path { stroke: var(--mostaza); }

/* fragmento de la misma greca, como ornamento sobre los H2 */
.ornamento { display: block; width: 82px; margin-bottom: .75rem; }
.ornamento svg { width: 82px; height: 15px; }
.ornamento path { fill: none; stroke: var(--naranja); stroke-width: 3; }

/* ═════════════════════════ ICONOS BORDADOS ═══════════════════════════════
   Circulos con motivo de bordado de pollera, trazados sobre reticula como en
   los highlights reales de la cuenta. Se inyecta el SVG desde js/marco.js. */
.bordado {
  display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--terracota-osc);
  flex: none;
  overflow: hidden;
}
.bordado svg { width: 66%; height: 66%; }
.bordado svg path { fill: var(--hueso); }
.bordado--chip { width: 26px; height: 26px; background: rgba(243, 230, 214, .14); }
.bordado--chip svg path { fill: var(--dorado); }

/* ═══════════════════════════════ NAV ═════════════════════════════════════ */
.nav {
  position: sticky;
  top: 0;
  z-index: 500;
  background: linear-gradient(180deg, rgba(18, 13, 11, .92), rgba(18, 13, 11, .55) 70%, transparent);
  transition: background-color var(--t-medio) var(--ease);
}
.nav.compacta { background: rgba(18, 13, 11, .96); box-shadow: 0 1px 0 rgba(209, 157, 102, .22); }

.nav__caja {
  max-width: var(--ancho);
  margin-inline: auto;
  padding: .6rem var(--gutter);
  display: flex;
  align-items: center;
  gap: 1rem;
}

.nav__logo { flex: none; line-height: 0; }
.nav__logo img { width: clamp(112px, 16vw, 158px); height: auto; }

.nav__hamburguesa {
  margin-left: auto;
  width: 48px; height: 48px;
  display: grid;
  place-items: center;
}
.nav__barras { position: relative; }   /* las barras se posicionan contra esta */
.nav__barras,
.nav__barras::before,
.nav__barras::after {
  display: block;
  width: 26px; height: 2px;
  background: var(--crema);
  transition: transform var(--t-rapido) var(--ease), opacity var(--t-rapido);
}
.nav__barras::before, .nav__barras::after { content: ""; position: absolute; }
.nav__barras::before { transform: translateY(-8px); }
.nav__barras::after { transform: translateY(8px); }
.nav__hamburguesa[aria-expanded="true"] .nav__barras { background: transparent; }
.nav__hamburguesa[aria-expanded="true"] .nav__barras::before { transform: rotate(45deg); }
.nav__hamburguesa[aria-expanded="true"] .nav__barras::after { transform: rotate(-45deg); }

.nav__menu {
  display: none;
  flex-direction: column;
  gap: .25rem;
  width: 100%;
  padding: .5rem 0 1.1rem;
}
.nav__menu.abierto { display: flex; }
.nav__menu a {
  color: var(--crema);
  text-decoration: none;
  font-weight: 500;
  padding: .75rem .25rem;
  border-bottom: 1px solid rgba(209, 157, 102, .18);
}
.nav__menu a:hover { color: var(--brasa); }
.nav__tel { margin-top: .7rem; border-bottom: 0 !important; align-self: flex-start; }

@media (min-width: 900px) {
  .nav__hamburguesa { display: none; }
  .nav__menu {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 1.6rem;
    width: auto;
    margin-left: auto;
    padding: 0;
  }
  .nav__menu a { border-bottom: 0; padding: .35rem 0; font-size: .98rem; }
  .nav__tel { margin-top: 0; min-height: 44px; padding: .5rem 1.1rem; }
}

/* ═══════════════════════════════ HERO ════════════════════════════════════ */
.hero {
  position: relative;
  min-height: min(100svh, 900px);
  margin-top: -5.5rem;
  padding: 8rem var(--gutter) 5.5rem;
  display: grid;
  place-items: center;
  isolation: isolate;
  overflow: hidden;
}

.hero__fondo { position: absolute; inset: 0; z-index: -2; }
.hero__img,
.hero__video {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.hero__video { opacity: 0; transition: opacity var(--t-lento) var(--ease); }
.hero__video.lista { opacity: 1; }

.hero__velo {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(18, 13, 11, .82) 0%, rgba(18, 13, 11, .55) 38%, rgba(18, 13, 11, .93) 100%),
    radial-gradient(ellipse at 50% 55%, rgba(28, 22, 19, .25), rgba(18, 13, 11, .8) 80%);
}

.hero__cuerpo {
  position: relative;
  z-index: 1;
  text-align: center;
  /* con place-items:center el hijo se dimensiona a fit-content y en movil se
     salia del viewport: hay que fijarle el ancho */
  width: 100%;
  max-width: 780px;
  padding: clamp(2rem, 5vw, 3.4rem) clamp(1.1rem, 5vw, 3.2rem);
  overflow-wrap: break-word;
}
.marco--hero { inset: 0; }
.marco--hero path { stroke: var(--naranja); stroke-width: 2.5; opacity: .95; }

.hero__h1 { margin: 0 0 1.1rem; }
.hero__h1 img {
  width: clamp(250px, 62vw, 470px);
  margin-inline: auto;
  filter: drop-shadow(0 6px 22px rgba(18, 13, 11, .7));
}

.hero__tagline {
  color: var(--crema);
  font-size: clamp(1.25rem, 4.2vw, 2.05rem);
  margin: 0 0 1.6rem;
  text-shadow: 0 3px 16px rgba(18, 13, 11, .8);
}

.hero__acciones {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .8rem;
  margin-bottom: 1.5rem;
}

.hero__datos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .6rem 1.1rem;
  margin: 0;
  font-size: .98rem;
}
.hero__datos a { color: var(--crema); text-decoration: none; font-weight: 600; }
.hero__datos a:hover { color: var(--brasa); }

.hero__scroll {
  position: absolute;
  left: 50%;
  bottom: 1.4rem;
  transform: translateX(-50%);
  width: 56px; height: 40px;
  display: grid;
  place-items: center;
  z-index: 1;
}
.hero__scroll svg { width: 40px; height: 24px; }
.hero__scroll path { stroke: var(--dorado); stroke-width: 2.5; }
.hero__scroll:hover path { stroke: var(--brasa); }
@media (prefers-reduced-motion: no-preference) {
  .hero__scroll { animation: flotar 2.4s var(--ease) infinite; }
}
@keyframes flotar {
  0%, 100% { transform: translate(-50%, 0); }
  50%      { transform: translate(-50%, 7px); }
}

/* ══════════════════════════════ SECCIONES ════════════════════════════════ */
.seccion { padding-block: var(--seccion-y); position: relative; }
.seccion--alt { background: var(--ox-2); }

.seccion__cabeza { max-width: 720px; margin-bottom: clamp(1.8rem, 4vw, 2.8rem); }
.seccion__intro { color: var(--crema-mute); margin: 0; }

/* ─────────────────────────── 2. SOBRE EL RANCHO ────────────────────────── */
.sobre { background: var(--ox-2); }
.sobre__grid { display: grid; gap: clamp(2rem, 5vw, 3.5rem); }
@media (min-width: 900px) {
  .sobre__grid { grid-template-columns: 1fr 1fr; align-items: start; }
}
.sobre__texto p { color: var(--crema-mute); }
.sobre__texto p strong { color: var(--crema); }

.datos-rapidos {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}
@media (min-width: 560px) { .datos-rapidos { grid-template-columns: 1fr 1fr; } }
.datos-rapidos li {
  display: flex;
  align-items: center;
  gap: .85rem;
  background: var(--tarjeta);
  border-left: 3px solid var(--naranja);
  padding: .85rem 1rem;
  border-radius: var(--radio);
}
.datos-rapidos .dato { display: block; min-width: 0; }
.datos-rapidos b { display: block; color: var(--crema); font-size: 1rem; line-height: 1.3; }
.datos-rapidos .dato span { display: block; color: var(--crema-mute); font-size: .9rem; line-height: 1.35; }

.sobre__collage {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(.7rem, 2vw, 1.1rem);
}
.sobre__foto { margin: 0; border-radius: var(--radio); overflow: hidden; }
.sobre__foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.sobre__foto--a { grid-column: 1 / -1; overflow: visible; }
.sobre__foto--a img { aspect-ratio: 16 / 10; border-radius: var(--radio); }
.sobre__foto--d { grid-column: 1 / -1; }
.sobre__foto--d img { aspect-ratio: 16 / 9; object-position: center 34%; }

/* ─────────────────────── 3. FRANJA PARRILLA Y VITRINA ──────────────────── */
.franja {
  position: relative;
  min-height: min(64svh, 560px);
  display: grid;
  align-items: end;
  padding-block: clamp(3rem, 9vw, 6rem);
  isolation: isolate;
  overflow: hidden;
}
.franja__img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: 44% 88%;
  z-index: -2;
}
.franja__velo {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(18, 13, 11, .5) 0%, rgba(18, 13, 11, .3) 28%, rgba(18, 13, 11, .82) 72%, rgba(18, 13, 11, .97) 100%);
}
@media (max-width: 700px) {
  .franja { min-height: min(56svh, 460px); }
  .franja__img { object-position: 50% 55%; }
}
.franja__cuerpo { max-width: 720px; }
.franja__titulo { color: var(--hueso); margin: 0 0 1rem; text-shadow: 0 4px 20px rgba(18, 13, 11, .85); }
.franja__pie { color: var(--crema); max-width: 46ch; margin: 0; }

/* ────────────────────────────── 4. MENÚ ────────────────────────────────── */
.menu__tabs {
  display: flex;
  gap: .5rem;
  border-bottom: 1px solid rgba(209, 157, 102, .25);
  margin-bottom: 1.6rem;
}
.menu__tab {
  padding: .85rem 1.4rem;
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--crema-mute);
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  min-height: 52px;
  transition: color var(--t-rapido) var(--ease), border-color var(--t-rapido) var(--ease);
}
.menu__tab[aria-selected="true"] { color: var(--brasa); border-bottom-color: var(--brasa); }
.menu__tab:hover { color: var(--crema); }

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-bottom: 2rem;
}
.chip {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .95rem;
  min-height: 44px;
  border: 1px solid rgba(209, 157, 102, .35);
  border-radius: 999px;
  color: var(--crema);
  font-size: .93rem;
  font-weight: 500;
  text-decoration: none;
  background: rgba(42, 32, 25, .55);
  transition: border-color var(--t-rapido) var(--ease),
              color var(--t-rapido) var(--ease),
              background-color var(--t-rapido) var(--ease);
}
.chip:hover { border-color: var(--brasa); color: var(--brasa); }
.chip--activo { background: var(--ladrillo); border-color: var(--ladrillo); color: var(--crema); }
.chip--activo:hover { color: var(--crema); border-color: var(--brasa); }

.menu__grupo { margin-bottom: clamp(2.2rem, 5vw, 3.2rem); scroll-margin-top: 6.5rem; }
.menu__h3 {
  font-size: clamp(1.2rem, 2.8vw, 1.5rem);
  color: var(--dorado);
  border-bottom: 1px solid rgba(209, 157, 102, .25);
  padding-bottom: .5rem;
  margin-bottom: 1.1rem;
}
.menu__nota { font-style: normal; font-weight: 400; font-size: .82em; color: var(--crema-mute); }

.carta { display: grid; gap: .15rem; }
@media (min-width: 820px) { .carta { grid-template-columns: 1fr 1fr; column-gap: 3rem; } }

.carta li {
  display: flex;
  align-items: baseline;
  gap: .5rem;
  padding: .55rem 0;
  border-bottom: 1px solid rgba(243, 230, 214, .07);
}
.carta__nombre { flex: none; max-width: 78%; }
.carta__nombre em { font-style: normal; color: var(--crema-mute); font-size: .9em; }
.carta__linea {
  flex: 1 1 auto;
  height: 1px;
  min-width: 1.5rem;
  transform: translateY(-.22em);
  background-image: radial-gradient(circle, rgba(209, 157, 102, .6) 1px, transparent 1.4px);
  background-size: 6px 2px;
  background-repeat: repeat-x;
}
.carta__precio {
  flex: none;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  font-weight: 600;
  color: var(--brasa);
  min-width: 4.6ch;
  text-align: right;
}
.carta__precio::before { content: "$"; opacity: .65; margin-right: .1em; }

.carta--heroe {
  align-items: center;
  gap: .9rem;
  padding: .7rem 0;
}
.carta__foto {
  flex: none;
  width: 66px; height: 66px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--mostaza);
  outline: 3px solid var(--ox);
  outline-offset: -6px;
}
.carta--heroe .carta__nombre { font-weight: 600; }

.menu__aviso {
  color: var(--crema-mute);
  font-size: .92rem;
  border-top: 1px solid rgba(209, 157, 102, .2);
  padding-top: 1.1rem;
  margin: 0;
}

/* ───────────────────────────── 5. GALERÍA ──────────────────────────────── */
.galeria { background: var(--ox-2); }

.mosaico {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-auto-rows: 150px;
  gap: clamp(.5rem, 1.6vw, .85rem);
}
@media (min-width: 700px) { .mosaico { grid-auto-rows: 190px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } }

.celda {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: var(--radio);
  background: var(--tarjeta);
  display: block;
}
.celda img, .celda video {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform var(--t-lento) var(--ease), filter var(--t-medio) var(--ease);
}
.celda:hover img { transform: scale(1.045); }
.celda--alta { grid-row: span 2; }
.celda--ancha { grid-column: span 2; }
.celda[hidden] { display: none; }

.celda--viva { grid-row: span 2; }
/* la foto queda debajo como respaldo: si el video no carga (o hay
   prefers-reduced-motion) la celda nunca se ve vacia */
.celda--viva video { position: absolute; inset: 0; }
.celda--viva figcaption {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 1.5rem .8rem .6rem;
  font-size: .85rem;
  font-weight: 600;
  color: var(--crema);
  background: linear-gradient(transparent, rgba(18, 13, 11, .9));
}

.lightbox {
  position: fixed;
  inset: 0;
  z-index: 800;
  background: rgba(11, 8, 7, .96);
  display: grid;
  place-items: center;
  padding: clamp(1rem, 4vw, 3rem);
}
.lightbox[hidden] { display: none; }
.lightbox img { max-width: min(100%, 1400px); max-height: 86svh; object-fit: contain; border-radius: var(--radio); }
.lightbox__cerrar,
.lightbox__nav {
  position: absolute;
  width: 56px; height: 56px;
  display: grid;
  place-items: center;
  font-size: 2.2rem;
  line-height: 1;
  color: var(--crema);
  background: rgba(42, 32, 25, .8);
  border-radius: 50%;
}
.lightbox__cerrar { top: 1rem; right: 1rem; }
.lightbox__nav--prev { left: .6rem; top: 50%; transform: translateY(-50%); }
.lightbox__nav--next { right: .6rem; top: 50%; transform: translateY(-50%); }
.lightbox__cerrar:hover, .lightbox__nav:hover { background: var(--ladrillo); }

/* ──────────────────────────── 6. TOUR 360° ─────────────────────────────── */
.tour__caja {
  position: relative;
  border-radius: var(--radio);
  overflow: hidden;
  background: var(--tarjeta);
  border: 1px solid rgba(209, 157, 102, .25);
}
.tour__previa { position: relative; aspect-ratio: 16 / 8; display: grid; place-items: center; }
.tour__previa img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  filter: brightness(.5) saturate(.9);
}
.tour__abrir { position: relative; z-index: 1; }

.tour__visor { position: relative; aspect-ratio: 16 / 8; min-height: 320px; background: var(--negro); }
.pano__zoom {
  position: absolute;
  right: .7rem;
  bottom: .7rem;
  display: grid;
  gap: .4rem;
  z-index: 2;
}
.pano__zoom button {
  width: 44px; height: 44px;
  display: grid;
  place-items: center;
  font-size: 1.4rem;
  line-height: 1;
  color: var(--crema);
  background: rgba(18, 13, 11, .72);
  border: 1px solid rgba(209, 157, 102, .45);
  border-radius: var(--radio);
}
.pano__zoom button:hover { background: var(--ladrillo); }
.tour__visor canvas { width: 100%; height: 100%; display: block; cursor: grab; touch-action: none; }
.tour__visor canvas:active { cursor: grabbing; }
.tour__visor .pnlm-container { background: var(--negro) !important; }

.tour__fallo { padding: 1.2rem; margin: 0; color: var(--crema-mute); }
.tour__escenas { margin-top: 1.1rem; margin-bottom: 0; }
.tour__escenas[hidden] { display: none; }

/* ────────────────────── 7. UBICACIÓN Y HORARIO ─────────────────────────── */
.ubicacion { background: var(--ox-2); }
.ubicacion__grid { display: grid; gap: clamp(1.8rem, 4vw, 3rem); align-items: center; }
@media (min-width: 900px) { .ubicacion__grid { grid-template-columns: 1fr 1.1fr; } }

.ubicacion__dir { font-size: 1.12rem; color: var(--crema); margin-bottom: 1.2rem; line-height: 1.55; }
.ubicacion__horario {
  font-size: clamp(1.3rem, 3.4vw, 1.85rem);
  font-weight: 700;
  color: var(--crema);
  line-height: 1.25;
  margin: 1.2rem 0 1.4rem;
}
.ubicacion__horario b { color: var(--dorado); font-size: .62em; letter-spacing: .12em; text-transform: uppercase; }
.ubicacion__acciones { display: flex; flex-wrap: wrap; gap: .7rem; }

.ubicacion__mapa {
  border-radius: var(--radio);
  overflow: hidden;
  border: 1px solid rgba(209, 157, 102, .3);
  aspect-ratio: 4 / 3;
}
.ubicacion__mapa iframe { width: 100%; height: 100%; border: 0; filter: saturate(.85) contrast(1.05); }

/* ───────────────────────────── 8. RESEÑAS ──────────────────────────────── */
.resenas { background: var(--ladrillo); }
.resenas .kicker { color: var(--hueso); }
.resenas .titulo { color: var(--crema); }
.resenas .ornamento path { stroke: var(--hueso); }

.resenas__grid { display: grid; gap: 1.1rem; }
@media (min-width: 760px) { .resenas__grid { grid-template-columns: repeat(3, 1fr); } }

.cita {
  margin: 0;
  padding: 1.5rem 1.4rem;
  background: rgba(18, 13, 11, .32);
  border-left: 3px solid var(--hueso);
  border-radius: var(--radio);
}
.cita p { color: var(--crema); font-size: 1.1rem; line-height: 1.45; }
.cita__trad { color: var(--hueso) !important; font-size: .95rem !important; font-style: italic; }
.cita footer { color: var(--hueso); font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; }
.cita--dato { display: grid; align-content: center; }
/* especificidad a proposito: si no gana ".cita p" y se queda en 1.1rem */
.cita .cita__estrellas {
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: .12em;
  color: var(--hueso);
  margin-bottom: .6rem;
}
.cita .cita__estrellas span { opacity: .45; }
.cita--dato strong { color: var(--hueso); }

/* ──────────────────────────── 9. INSTAGRAM ─────────────────────────────── */
.ig__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(.5rem, 1.5vw, .8rem);
}
@media (min-width: 700px) { .ig__grid { grid-template-columns: repeat(6, 1fr); } }
.ig__grid img { aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--radio); width: 100%; }
.ig__cta { margin-top: 1.6rem; }

/* ───────────────────────────── 10. CIERRE ──────────────────────────────── */
.cierre {
  position: relative;
  min-height: min(82svh, 720px);
  display: grid;
  place-items: center;
  text-align: center;
  padding: clamp(4rem, 10vw, 7rem) var(--gutter);
  isolation: isolate;
  overflow: hidden;
}
.cierre__img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center 42%;
  filter: saturate(.9) contrast(1.06);
  z-index: -2;
}
.cierre__velo {
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(18, 13, 11, .92) 0%, rgba(94, 35, 25, .66) 46%, rgba(18, 13, 11, .96) 100%);
}
.cierre__cuerpo { width: 100%; max-width: 900px; }
.cierre__frase { color: var(--hueso); margin: 0 0 1.8rem; text-shadow: 0 4px 22px rgba(18, 13, 11, .9); }
.cierre__logo { width: clamp(210px, 46vw, 360px); margin: 0 auto 2rem; filter: drop-shadow(0 6px 20px rgba(18, 13, 11, .8)); }
.cierre__acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; }

/* ────────────────────────────── PIE ────────────────────────────────────── */
.pie { background: var(--negro); padding-block: clamp(2.2rem, 5vw, 3.4rem); }
.pie__caja { display: grid; gap: 1.2rem; }
@media (min-width: 760px) { .pie__caja { grid-template-columns: 1fr 1fr; } }
.pie__marca strong { font-size: 1.15rem; color: var(--durazno); }
.pie__marca b { color: var(--dorado); }
.pie p { color: var(--crema-mute); margin: 0; font-size: .95rem; }
.pie a { color: var(--crema); }
.pie a:hover { color: var(--brasa); }
.pie__legal { grid-column: 1 / -1; border-top: 1px solid rgba(243, 230, 214, .12); padding-top: 1.1rem; font-size: .85rem; }