/* Stone CR · identidad «versión comercial 02» (manual de marca del usuario).
   Coral (promociones), naranja (energía), aqua (detalles), azul marino (texto y logo), crema (fondos); Lato.
   La firma visual es el carrito: su tubo en degradado naranja → coral → aqua y sus dos ruedas (naranja y aqua). */
@font-face{font-family:"Stone";src:url("../fonts/Lato-300.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Stone";src:url("../fonts/Lato-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Stone";src:url("../fonts/Lato-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Stone";src:url("../fonts/Lato-900.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Stone";src:url("../fonts/Lato-900i.woff2") format("woff2");font-weight:900;font-style:italic;font-display:swap}
:root{
  --coral:#FF553D; --coral-2:#E8432C; --naranja:#FF9A24; --aqua:#12BDBC; --aqua-2:#0E9C9B; --marino:#09244D; --marino-2:#123766;
  --crema:#FFF4E9; --crema-2:#FFE9D6; --papel:#FFFFFF; --niebla:#F3F7FB;
  --tinta:#09244D; --gris:#56657C; --linea:#E8DED3;
  --coral-c:#FFE6E1; --naranja-c:#FFEFD9; --aqua-c:#DDF6F5; --marino-c:#E4EAF3;
  --degradado:linear-gradient(100deg,#FF9A24 0%,#FF553D 52%,#12BDBC 100%);
  --f-tit:"Stone","Lato",system-ui,-apple-system,"Segoe UI",sans-serif; --f-txt:var(--f-tit);
  --radio:24px; --sombra:0 18px 40px rgba(9,36,77,.14); --sombra-s:0 8px 20px rgba(9,36,77,.10);
  --cab:62px;
}
/* tono de cada colección como variables */
.t-coral{--c:var(--coral);--c-claro:var(--coral-c)}
.t-naranja{--c:#D9760A;--c-claro:var(--naranja-c)}
.t-aqua{--c:var(--aqua-2);--c-claro:var(--aqua-c)}
.t-marino{--c:var(--marino);--c-claro:var(--marino-c)}