/* ===== Tienda de congelados — design system v2 (mockup de Martín) =====
   Tokens fuente de verdad; el resto de los estilos van inline en tienda.js
   (referenciando estas variables) para fidelidad 1:1 con el diseño aprobado.
   La landing migra a estos tokens en un paso aparte. */
:root{
  /* color — marca */
  --sat-fondo:#1C0F07; --sat-panel:#251409; --sat-panel-2:#2B180C;
  --sat-crema:#F5F0E5; --sat-crema-70:rgba(245,240,229,.7); --sat-crema-45:rgba(245,240,229,.45);
  --sat-linea:rgba(245,240,229,.14); --sat-naranja:#E68818; --sat-rojo:#E02020;
  /* color — funcionales */
  --fx-exito:#5BA25F; --fx-advertencia:#E6B818; --fx-error:#E04A3A; --fx-info:#7A9CC6;
  /* tipografía */
  --tipo-display:'Lato',sans-serif; --tipo-texto:'Poppins',sans-serif; --tipo-label:'Archivo Narrow',sans-serif;
  /* espaciado */
  --esp-xs:8px; --esp-s:16px; --esp-m:24px; --esp-l:40px; --esp-xl:64px; --esp-xxl:104px;
  /* bordes, radios, sombras */
  --radio-s:4px; --radio-m:10px; --sombra:0 20px 60px rgba(0,0,0,.5);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sat-fondo);color:var(--sat-crema);font-family:var(--tipo-texto);-webkit-font-smoothing:antialiased}
a{color:var(--sat-crema);text-decoration:none}
a:hover{color:var(--sat-naranja)}
::selection{background:var(--sat-naranja);color:var(--sat-fondo)}
input,select,textarea{font-family:var(--tipo-texto)}
input::placeholder,textarea::placeholder{color:rgba(245,240,229,.35)}
@keyframes sat-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes sat-pulso{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes sat-entrada{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes sat-giro{to{transform:rotate(360deg)}}

/* ===== interacciones (reemplazan los style-hover/style-focus del mockup) ===== */
.hv-naranja:hover{color:var(--sat-naranja)}
.hv-borde:hover{border-color:var(--sat-naranja)}
.hv-borde-naranja:hover{border-color:var(--sat-naranja);color:var(--sat-naranja)}
.hv-brillo:hover{filter:brightness(1.12)}
.hv-fill:hover{background:var(--sat-naranja);color:var(--sat-fondo)}
.hv-rojo-osc:hover{background:#C41B1B;color:var(--sat-crema)}
.hv-naranja-cl:hover{background:#F09A2E;color:var(--sat-fondo)}
.hv-err:hover{color:var(--fx-error)}
.foco:focus{border-color:var(--sat-naranja);outline:none}
.card-prod{transition:border-color .15s,transform .15s}
.card-prod:hover{border-color:rgba(230,136,24,.6);transform:translateY(-2px)}
button{font-family:inherit}