/* Warm accents, useful feedback and a compact, more expressive storefront. */
body { background:#f6f6f4; }
.barra { background:linear-gradient(110deg,#183ea7 0%,#2456d3 65%,#386ce6 100%);border-bottom:3px solid #ffcd53;box-shadow:0 5px 18px #244da31b; }
.barra .sello { box-shadow:0 3px 0 #102f862e;transform:rotate(-4deg); }
.barra .carrito-btn { background:#c6440d;box-shadow:0 3px 0 #8f3008;transition:transform .15s,background .15s; }.barra .carrito-btn:hover { transform:translateY(-2px);background:#b43d0b; }
.hero { position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(112deg,#fff9ed 0%,#fff8ef 49%,#fff0d5 100%);border:1px solid #f0dfbc;border-radius:18px;padding:21px 24px;margin-top:18px;margin-bottom:18px;box-shadow:0 4px 15px #a0702110; }
.hero:before { content:'';position:absolute;width:150px;height:150px;border-radius:50%;background:#ffdf8c33;left:-85px;bottom:-95px;z-index:-1; }
.hero-copy { position:relative;z-index:1; }.hero .kicker { display:inline-flex;align-items:center;gap:7px;color:#a44c1b;font-size:.64rem;letter-spacing:.07em;margin-bottom:8px; }.hero .kicker:before { content:'';width:6px;height:6px;background:#e49e29;border-radius:50%; }
.hero h1 { color:#234798; }.hero h1 span { color:#b8481b; }.hero .lead { color:#756350; }.hero .confianza { color:#4b6190;font-weight:550; }.hero .confianza span:before { color:#158265; }
.hero-alegria { position:absolute;right:135px;bottom:-9px;width:210px;height:145px;opacity:.62;z-index:-1;pointer-events:none; }
.hero-pasos { position:relative;z-index:2; }.hero-pasos summary { background:#ffffffdf;border-color:#e8d7b7;color:#8c541d;box-shadow:0 2px 3px #8b671008; }.hero-pasos[open] { max-width:265px; }
#titulo-resultados { display:flex;align-items:center;gap:10px;color:#234798; }#titulo-resultados:before { content:'';width:9px;height:22px;border-radius:5px;background:linear-gradient(#ffca48,#f1973d);flex-shrink:0; }
.resultados-bar { border-bottom-color:#dce5f5; }.orden select { border-color:#d6e0f1;box-shadow:0 2px 3px #183e6f05; }
#filtros { border-color:#dce4f3;background:#fff;box-shadow:0 4px 15px #244da309; }#filtros .filtros-cabeza { background:linear-gradient(90deg,#eef3ff,#f8faff);border-bottom:1px solid #e3ebf9; }.filtro-icono { background:#ffdf82;color:#3058b0; }
.precios-rapidos [aria-pressed=true] { background:#fff2d2;border-color:#e3ad45;color:#875010; }
#catalogo .card { border:1px solid #dbe4f3;border-radius:16px;box-shadow:0 5px 16px #234da30d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative; }
#catalogo .card:hover,#catalogo .card:focus-within { transform:translateY(-4px);border-color:#a8bce7;box-shadow:0 12px 24px #244da320; }
#catalogo .card .stage { background:linear-gradient(145deg,#edf3ff,#f7f3ed);border-bottom:1px solid #e7eaf1; }
#catalogo .card:nth-child(3n+2) .stage { background:linear-gradient(145deg,#eef8f3,#f5f6ec); }#catalogo .card:nth-child(3n) .stage { background:linear-gradient(145deg,#fff3e7,#fff9f0); }
.stage .placeholder-producto,.mini .placeholder-producto,.ficha-stage .placeholder-producto { object-fit:contain; }.stage .placeholder-producto { width:100%;height:100%; }.nota-tarjeta { color:#65728c;background:#ffffffcf; }
#catalogo .card .info { padding:14px;gap:8px; }#catalogo .card .cat { color:#54709c;letter-spacing:.035em; }#catalogo .card .precio { color:#214cad;font-size:1.18rem; }#catalogo .card .stock-line { width:fit-content;padding:3px 7px;border-radius:5px;background:#e9f6ef;color:#196344;font-size:.69rem; }#catalogo .card .stock-line.pocas { background:#fff0d7;color:#8b5414; }#catalogo .card .stock-line.agotado { background:#f1f3f6;color:#69788e; }
#catalogo .card .btn.cta { background:#c6440d;box-shadow:0 3px 0 #94320c;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,transform .15s; }#catalogo .card .btn.cta:not(:disabled):before { content:'+';display:grid;place-items:center;width:19px;height:19px;background:#ffffff24;border-radius:5px;font-size:1.05rem;line-height:1; }#catalogo .card .btn.cta:hover:not(:disabled) { background:#b23b0a; }#catalogo .card .btn.cta:active:not(:disabled) { transform:translateY(2px);box-shadow:0 1px 0 #94320c; }#catalogo .card .btn:disabled { box-shadow:none;background:#a7afbd; }
#catalogo .card .nombre:focus-visible,.hero-pasos summary:focus-visible { outline:3px solid #99b8ff;outline-offset:3px;border-radius:5px; }
@media(max-width:719px) { .hero { padding:16px;margin-top:12px;margin-bottom:14px;border-radius:14px; }.hero .kicker { font-size:.6rem; }.hero-alegria { right:-25px;width:160px;height:120px;opacity:.17; }.hero .lead { max-width:34ch; }.hero .confianza { max-width:95%; }.hero-pasos summary { background:#fffcf6; }.hero h1 { font-size:1.45rem;max-width:24ch; }#catalogo .card .info { padding:10px;gap:7px; }#catalogo .card .btn.cta { gap:5px; }#catalogo .card .btn.cta:before { width:15px;height:15px;font-size:.9rem; } }
@media(prefers-reduced-motion:reduce) { .barra .carrito-btn,#catalogo .card,#catalogo .card .btn { transition:none; }#catalogo .card:hover,#catalogo .card:focus-within { transform:none; } }
/* One frame for every product photo, preserving the complete product. */
#catalogo .stage { aspect-ratio:1; background:#fff; }
#catalogo .stage img,.carril .stage img,.ficha-stage img,.mini img { object-fit:contain;object-position:center;background:#fff; }
#catalogo .stage img { width:100%;height:100%;padding:8px; }
#catalogo .stage .placeholder-producto { padding:0;background:transparent; }
.ficha-stage { background:white; }.ficha-stage img { width:100%;height:100%;max-height:620px; }
@media(max-width:719px) { #catalogo .stage { aspect-ratio:1; } }