/* Páginas internas (productos, locales, regalos, novedades, nosotros):
   conservan su estilo de siempre (con fondo acuarela) y llevan el mismo menú del inicio. */

/* el fondo acuarela de siempre se conserva; solo cambia el menú */
:root { --barra: 76px; }

/* menú del inicio */
.barra {
  --crema: #FFF6E5; --tinta-menu: #1A1613; --rosa: #FF9DB8; --linea: 1px solid rgba(26,22,19,.28);
  inset: 0 0 auto 0; padding: 0; background: rgba(255,246,229,.96); border-bottom: var(--linea); pointer-events: auto;
}
.barra-in { max-width: none; height: 76px; border-radius: 0; background: transparent; box-shadow: none; padding: 0 max(16px, 3vw); }
.barra .logo img { height: 36px; filter: brightness(0); }
.barra .menu { gap: 0; }
.barra .menu a { position: relative; border-radius: 0; font-family: 'DM Sans', system-ui, sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; padding: 28px 15px; color: var(--tinta-menu); background: none; }
.barra .menu a:not(.cta):hover, .barra .menu a[aria-current="page"]:not(.cta) { background: none; color: var(--tinta-menu); }
.barra .menu a:not(.cta)::after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 22px; height: 1px; background: var(--tinta-menu); transform: scaleX(0); transform-origin: left; transition: transform .3s; }
.barra .menu a:not(.cta):hover::after, .barra .menu a[aria-current="page"]:not(.cta)::after { transform: scaleX(1); }
.barra .menu .cta { margin-left: 18px; background: var(--tinta-menu); color: var(--crema); padding: 13px 22px; font-weight: 600; letter-spacing: .18em; font-size: 12.5px; transition: background .25s, color .25s; }
.barra .menu .cta:hover { background: var(--rosa); color: var(--tinta-menu); }
.barra .sub-lista { top: 100%; border-radius: 0; background: var(--crema); border: var(--linea); box-shadow: 0 18px 40px -20px rgba(26,22,19,.35); padding: 0; gap: 0; }
.barra .sub-lista a { padding: 14px 20px; border-bottom: var(--linea); }
.barra .sub-lista a:last-child { border-bottom: 0; }
.barra .sub-lista a::after { display: none; }
.barra .sub-lista a:hover { background: #FFD3DF; }
.barra .burger { border-radius: 0; background: var(--tinta-menu); color: var(--crema); font-family: 'DM Sans', system-ui, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; height: 42px; }
.progreso { display: none !important; }
main > .seccion:first-child { padding-top: calc(76px + 40px); }

@media (max-width: 860px) {
  :root { --barra: 62px; }
  .barra-in { height: 62px; }
  .barra .menu { top: 62px; left: 0; right: 0; background: var(--crema); border-radius: 0; border: 0; border-top: var(--linea); border-bottom: var(--linea); padding: 0; box-shadow: none; }
  .barra .menu a { padding: 16px 20px; border-bottom: var(--linea); letter-spacing: .16em; }
  .barra .menu a::after { display: none; }
  .barra .menu .cta { margin: 14px; text-align: center; border: 0; }
  .barra .sub-lista { box-shadow: none; border: 0; background: none; }
  .barra .sub-lista a { padding: 12px 20px 12px 38px; }
  main > .seccion:first-child { padding-top: calc(62px + 30px); }
}