/*
Theme Name: CHANIPEN Press
Theme URI: https://tienda.chanipen.org
Author: CHANIPEN Research Memory and Justice
Description: Tema de la tienda de CHANIPEN Press. Portada de Romanipen Escolar con Romanín, textura de papel y catálogo de WooCommerce. Todos los textos se editan en Apariencia → Personalizar → Textos de la tienda.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chanipen-press
Tags: e-commerce, custom-colors, custom-menu, translation-ready
*/

:root{
  --rojo:#E30B07; --rojo-osc:#A50703;
  --amarillo:#FFC93B; --amarillo-osc:#F3A90F;
  --tinta:#17181A; --tinta-2:#565A61;
  --papel:#E2F0F7; --papel-2:#F3FAFD; --card:#FFFFFF;
  --borde:rgba(23,24,26,.13);
  --sombra:0 2px 4px rgba(23,24,26,.06), 0 18px 40px -20px rgba(23,24,26,.35);
  --tex:url(assets/img/papel.jpg);
  --fd:'Anton','Arial Narrow',Impact,sans-serif;
  --ft:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
  --max:1160px;
  color-scheme: light;
}
/* La tienda se ve igual en movil y en ordenador: sin modo oscuro. */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel-2);color:var(--tinta);font-family:var(--ft);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--rojo);outline-offset:2px}
.saltar{position:absolute;left:-9999px}
.saltar:focus{position:fixed;left:12px;top:12px;z-index:200;background:var(--rojo);color:#fff;padding:10px 16px;font-weight:800}

.papel{background-color:var(--papel);background-image:var(--tex);background-size:420px;background-blend-mode:multiply}
.papel-2{background-color:var(--papel-2);background-image:var(--tex);background-size:420px;background-blend-mode:multiply}

h1,h2,h3{font-family:var(--fd);font-weight:400;text-transform:uppercase;line-height:.94;letter-spacing:.005em;margin:0}
h1,h2{text-wrap:balance}
.r{font-style:normal;color:var(--rojo)}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:20px}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2);margin:0 0 .75rem}
section{padding-block:clamp(52px,7vw,92px)}
.sec-head{margin-bottom:30px}
.sec-head h2{font-size:clamp(1.9rem,4.6vw,3.1rem);max-width:19ch}
.sec-head p{font-family:var(--ft);color:var(--tinta-2);margin:.9rem 0 0;max-width:58ch;font-size:1.02rem}
.t-med{font-size:clamp(1.9rem,4.6vw,3.1rem);max-width:19ch}
.flecha{color:var(--rojo);width:118px;height:auto;display:block}

/* cabecera */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:color-mix(in srgb,var(--papel-2) 92%,transparent);backdrop-filter:blur(12px);border-bottom:2px solid var(--tinta)}
.topbar{display:flex;align-items:center;gap:18px;min-height:64px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{height:34px;width:auto}
nav.main{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap;list-style:none;margin-block:0;padding:0}
nav.main li{list-style:none}
nav.main a{text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:9px 11px;border-radius:4px;color:var(--tinta-2);display:block}
nav.main a:hover{background:var(--tinta);color:var(--papel-2)}
.cart{display:inline-flex;align-items:center;gap:8px;background:var(--rojo);color:#fff;border:0;border-radius:3px;padding:10px 16px;font:800 .78rem/1 var(--ft);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;white-space:nowrap;text-decoration:none}
.cart .n{background:rgba(255,255,255,.28);border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:.72rem;font-variant-numeric:tabular-nums}

/* portada */
.hero{position:relative;overflow:hidden;background-color:var(--amarillo);
  background-image:var(--tex),radial-gradient(120% 92% at 50% 0%,#FFE384 0%,rgba(255,201,59,0) 62%);
  background-size:420px,auto;background-blend-mode:multiply,normal}
.hero-in{position:relative;z-index:2;text-align:center;padding-block:clamp(20px,3vw,32px) 0;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.8vw,18px)}
.lettering{width:min(330px,56vw);filter:drop-shadow(0 8px 16px rgba(120,60,0,.26))}
.hero h1{font-size:clamp(2rem,5vw,3.6rem);color:#16120B;max-width:18ch}
.hero .r{color:var(--rojo-osc)}
.hero p.lead{margin:0;max-width:56ch;color:#4A3306;font-size:clamp(.98rem,1.6vw,1.08rem);font-weight:700;line-height:1.5}
.btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-block;text-decoration:none;font:800 .86rem/1 var(--ft);letter-spacing:.08em;text-transform:uppercase;padding:16px 26px;border:3px solid var(--tinta);border-radius:3px;transition:transform .12s ease;cursor:pointer}
.btn:hover{transform:translate(-2px,-2px)}
.btn-1{background:var(--rojo);color:#fff;box-shadow:5px 5px 0 var(--tinta)}
.btn-2{background:#fff;color:var(--tinta);box-shadow:5px 5px 0 var(--tinta)}
.btn-1:hover,.btn-2:hover{box-shadow:7px 7px 0 var(--tinta)}
.btn-chico{padding:12px 20px;box-shadow:4px 4px 0 var(--tinta);align-self:flex-start}
.romanin{position:relative;width:min(470px,80vw);aspect-ratio:1200/772;margin-top:2px}
.romanin img,.romanin svg{position:absolute;inset:0 auto auto 0;width:100%;height:auto}
.romanin img{filter:drop-shadow(0 -6px 22px rgba(120,45,0,.22))}

/* franja de cifras */
.cifras{background:var(--rojo);color:#fff;position:relative;z-index:5;border-block:3px solid var(--tinta)}
.cifras .in{padding-block:26px;display:grid;grid-template-columns:auto 1fr;gap:12px 34px;align-items:center}
.cifras h2{font-size:clamp(1.3rem,2.6vw,1.9rem);max-width:9ch;line-height:.92}
.cifras ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cifras b{display:block;font-family:var(--fd);font-size:clamp(1.7rem,4.4vw,2.6rem);line-height:1;font-variant-numeric:tabular-nums}
.cifras span{font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;opacity:.95}
@media(max-width:820px){.cifras .in{grid-template-columns:1fr}.cifras ul{grid-template-columns:repeat(2,1fr)}}

/* el proyecto */
.cols{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,4vw,58px);align-items:center}
@media(max-width:880px){.cols{grid-template-columns:1fr}}
.intro{color:var(--tinta-2);margin:1rem 0 0;max-width:56ch}
.romanin-lee{margin-inline:auto;width:min(400px,100%)}
.feats{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:16px}
.feats li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.feats .dot{width:44px;height:44px;border:3px solid var(--tinta);display:grid;place-items:center;font-family:var(--fd);font-size:1.05rem;color:#fff;box-shadow:3px 3px 0 var(--tinta)}
.feats strong{display:block;font-family:var(--fd);font-weight:400;text-transform:uppercase;font-size:1.08rem;letter-spacing:.01em;line-height:1.1;margin-bottom:.2rem}
.feats small{color:var(--tinta-2);font-size:.96rem;line-height:1.55;display:block}

/* por dentro */
.dobles{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,44px);margin-top:8px}
@media(max-width:860px){.dobles{grid-template-columns:1fr;gap:34px}}
.spread{margin:0}
.spread img{border:3px solid var(--tinta);box-shadow:8px 8px 0 var(--tinta);transition:transform .25s ease;width:100%}
.spread:nth-child(1) img{transform:rotate(-1.5deg)}
.spread:nth-child(2) img{transform:rotate(1.3deg)}
.spread:hover img{transform:rotate(0)}
.spread figcaption{font-family:var(--fd);text-transform:uppercase;font-size:.95rem;letter-spacing:.02em;margin-top:18px;line-height:1.15}
.spread figcaption em{font-style:normal;color:var(--tinta-2);display:block;font-family:var(--ft);font-weight:600;text-transform:none;font-size:.88rem;letter-spacing:0;margin-top:.25rem}
.zoom{cursor:zoom-in}
.pie{font-size:.9rem;color:var(--tinta-2);margin:26px 0 0}

/* vídeos */
.videos{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,30px)}
@media(max-width:820px){.videos{grid-template-columns:1fr}}
.vcard{background:var(--card);border:3px solid var(--tinta);box-shadow:8px 8px 0 var(--tinta);padding:clamp(16px,2vw,22px);display:flex;flex-direction:column;gap:14px}
.poster{position:relative;overflow:hidden;display:block;width:100%;text-decoration:none;aspect-ratio:16/10;background:#2A1500;border:3px solid var(--tinta)}
button.poster{padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
button.poster:focus-visible{outline:4px solid var(--rojo);outline-offset:3px}
.poster img{width:100%;height:100%;object-fit:cover;opacity:.62}
.poster.jd img{object-position:center 22%;opacity:.72}
.poster .play{position:absolute;inset:0;display:grid;place-items:center}
.poster .play span{width:72px;height:72px;border-radius:50%;background:var(--rojo);border:3px solid #fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.45);transition:transform .15s ease}
.poster:hover .play span{transform:scale(1.08)}
.poster .play svg{margin-left:5px}
.vcard h3{font-size:1.3rem}
.vcard p{margin:0;color:var(--tinta-2);font-size:.95rem;flex:1}
.url{display:none}
.poster.marco{background:#000;border:3px solid var(--tinta)}
.poster.marco iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.vcard.reproduciendo .ver{visibility:hidden}
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 107 */
.social .in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
@media(max-width:820px){.social .in{grid-template-columns:1fr;gap:26px}}
.social h2{font-size:clamp(2.1rem,5.4vw,3.7rem)}
.social p{font-size:1.05rem;color:var(--tinta-2);margin:0}
.social .flecha{margin-bottom:14px}

/* productos */
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:1080px){.prods{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.prods{grid-template-columns:1fr}}
.prod{background:var(--card);border:3px solid var(--tinta);box-shadow:7px 7px 0 var(--tinta);padding:22px;display:flex;flex-direction:column;gap:14px}
.prod.destacado{box-shadow:7px 7px 0 var(--rojo)}
.cubierta{margin:-4px -4px 2px;overflow:hidden;background:var(--papel-2);border:2px solid var(--borde);display:block}
.cubierta img{width:100%;aspect-ratio:3/4;object-fit:cover}
.tag{align-self:flex-start;font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;padding:6px 11px;background:var(--tinta);color:var(--papel-2)}
.tag.rojo{background:var(--rojo);color:#fff}
.prod h3{font-size:1.4rem}
.prod h3 a{text-decoration:none}
.prod .desc{color:var(--tinta-2);font-size:.96rem;flex:1}
.prod .desc p{margin:0 0 .6rem}
.precio{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.precio .pend{font-family:var(--fd);font-size:1.15rem;text-transform:uppercase;color:var(--tinta-2)}
.precio .pvp{font-family:var(--fd);font-size:1.5rem}
.precio .pvp del{opacity:.5;font-size:.8em}
.precio .nota{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--rojo);border:2px dashed var(--rojo);padding:3px 8px}
.add{width:100%;border:3px solid var(--tinta);padding:13px;font:800 .82rem/1 var(--ft);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:var(--tinta);color:var(--papel-2);text-align:center;text-decoration:none;display:block}
.add[disabled]{background:transparent;color:var(--tinta-2);border-style:dashed;cursor:not-allowed}

/* para centros */
.centros{background:#17181A;color:#F1F4F7}
.centros .sec-head p{color:#A5ABB4}
.centros .eyebrow{color:#8E949D}
.centros .box{border:3px solid #3A3E44;padding:26px}
.centros h3{font-size:1.25rem;margin-bottom:.6rem}
.centros ul{margin:.4rem 0 0;padding-left:1.1rem;font-size:.96rem;color:#C9CED5}
.centros li{margin-bottom:.4rem}
.centros .c2a{margin:.4rem 0 0;font-size:.96rem;color:#C9CED5}
.centros .c2b{margin:.9rem 0 0;font-size:.96rem;color:#8E949D}
.mailbox{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.mailbox code{background:#24282D;padding:10px 14px;font-size:1rem;user-select:all;border:2px solid #3A3E44}
.copy{background:var(--rojo);color:#fff;border:0;padding:11px 18px;font:800 .78rem/1 var(--ft);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}

/* pie */
footer{border-top:3px solid var(--tinta);padding-block:44px;font-size:.92rem;color:var(--tinta-2)}
footer .fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:30px}
footer h4{font-family:var(--fd);font-weight:400;text-transform:uppercase;font-size:1rem;color:var(--tinta);margin:0 0 .7rem;letter-spacing:.02em}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hash{font-family:var(--fd);text-transform:uppercase;color:var(--rojo);font-size:1.1rem;letter-spacing:.02em}
.finan{margin-top:30px;padding-top:24px;border-top:2px solid var(--borde)}
.finan img{max-width:620px;width:100%;mix-blend-mode:multiply}
.aviso{margin-top:22px;background:var(--amarillo);color:#16120B;border:3px solid var(--tinta);padding:14px 16px;font-weight:700;font-size:.9rem}

/* lupa */
#lupa{position:fixed;inset:0;z-index:200;background:rgba(10,11,12,.94);display:grid;place-items:center;padding:20px;cursor:zoom-out}
#lupa[hidden]{display:none}
#lupa img{max-width:100%;max-height:100%;width:auto;border:3px solid #fff}
#lupa .cerrar{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:16px;background:#fff;color:#17181A;border:0;width:42px;height:42px;font-size:1.3rem;font-weight:800;cursor:pointer;line-height:1}

/* páginas internas y WooCommerce */
.contenido-simple,.contenido-wc{padding-block:clamp(40px,6vw,72px);min-height:50vh}
body.woocommerce,body.woocommerce-page{background-color:var(--papel-2);background-image:var(--tex);background-size:420px;background-blend-mode:multiply}
.contenido-wc .woocommerce-breadcrumb{font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:1.6rem}
.contenido-wc .woocommerce-breadcrumb a{color:var(--tinta-2);text-decoration:none;border-bottom:2px solid var(--borde)}
.contenido-wc .woocommerce-breadcrumb a:hover{color:var(--rojo);border-color:var(--rojo)}
.contenido-wc h1,.contenido-wc h2.woocommerce-loop-product__title,.contenido-wc .product_title,.contenido-wc .woocommerce-tabs h2,.contenido-wc .related h2{font-family:var(--fd);text-transform:uppercase;font-weight:400;line-height:1.02;letter-spacing:.005em}
.contenido-wc .product_title{font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 .5rem}
.contenido-wc .price,.contenido-wc .price .amount{font-family:var(--fd);font-size:1.7rem;color:var(--tinta);font-weight:400}
.contenido-wc .button,.contenido-wc button.button,.contenido-wc input[type="submit"],.contenido-wc .add{background:var(--tinta);color:var(--papel-2);border:3px solid var(--tinta);border-radius:0;font:800 .82rem/1 var(--ft);letter-spacing:.08em;text-transform:uppercase;padding:14px 22px;box-shadow:4px 4px 0 var(--tinta);cursor:pointer;display:inline-block;text-decoration:none}
.contenido-wc .button:hover,.contenido-wc .add:hover{background:var(--rojo);border-color:var(--tinta);color:#fff}

/* rejilla de la tienda y de las categorias */
.contenido-wc ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
@media(max-width:1080px){.contenido-wc ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.contenido-wc ul.products{grid-template-columns:1fr}}
.contenido-wc ul.products::before,.contenido-wc ul.products::after{content:none}
.contenido-wc ul.products li.product{float:none!important;width:auto!important;margin:0!important;clear:none!important;background:var(--card);border:3px solid var(--tinta);box-shadow:7px 7px 0 var(--tinta);padding:20px;display:flex;flex-direction:column;gap:12px;text-align:left}
.contenido-wc ul.products li.product>a{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.contenido-wc ul.products li.product img{margin:-4px -4px 2px;width:calc(100% + 8px);max-width:none;aspect-ratio:3/4;object-fit:contain;background:var(--papel-2);border:2px solid var(--borde)}
.contenido-wc ul.products li.product .woocommerce-loop-product__title{font-size:1.28rem;margin:0;padding:0}
.contenido-wc ul.products li.product .price{font-size:1.25rem;margin:0}
.contenido-wc ul.products li.product .button{align-self:flex-start;margin-top:auto}
.contenido-wc .woocommerce-result-count{color:var(--tinta-2);font-size:.95rem}
.contenido-wc .woocommerce-ordering select{font:600 .95rem var(--ft);padding:10px 12px;border:3px solid var(--tinta);border-radius:0;background:var(--card);color:var(--tinta)}
.contenido-wc .term-description{max-width:62ch;color:var(--tinta-2)}

/* ficha de producto */
.contenido-wc div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media(max-width:860px){.contenido-wc div.product{grid-template-columns:1fr}}
.contenido-wc div.product .woocommerce-product-gallery{float:none!important;width:auto!important;margin:0;border:3px solid var(--tinta);box-shadow:8px 8px 0 var(--tinta);background:var(--card)}
.contenido-wc div.product .woocommerce-product-gallery__image img{width:100%;display:block}
.contenido-wc div.product .summary{float:none!important;width:auto!important;margin:0}
.contenido-wc div.product .summary>*{margin-block:0 1rem}
.contenido-wc .woocommerce-product-details__short-description{color:var(--tinta-2);font-size:1.02rem}
.contenido-wc .product_meta{font-size:.88rem;color:var(--tinta-2);border-top:2px solid var(--borde);padding-top:14px}
.contenido-wc .product_meta a{color:var(--tinta);text-decoration:none;border-bottom:2px solid var(--rojo)}
.contenido-wc form.cart{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.contenido-wc form.cart .quantity input{width:84px;padding:13px 10px;border:3px solid var(--tinta);border-radius:0;font:800 1rem var(--ft);text-align:center;background:var(--card);color:var(--tinta)}
.contenido-wc .add[disabled]{background:transparent;color:var(--tinta-2);border-style:dashed;box-shadow:none;cursor:not-allowed}
.contenido-wc .pend{font-family:var(--fd);font-size:1.5rem;color:var(--tinta-2);display:inline-block;margin-right:10px}
.contenido-wc .nota{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--rojo);border:2px dashed var(--rojo);padding:3px 8px}
.aviso-pend{font-size:.92rem;color:var(--tinta-2);margin:.7rem 0 0}
.contenido-wc div.product .woocommerce-tabs{grid-column:1/-1;margin-top:clamp(30px,5vw,56px)}
.contenido-wc div.product .woocommerce-tabs ul.tabs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 -3px;padding:0;overflow:visible}
.contenido-wc div.product .woocommerce-tabs ul.tabs::before,
.contenido-wc div.product .woocommerce-tabs ul.tabs::after,
.contenido-wc div.product .woocommerce-tabs ul.tabs li::before,
.contenido-wc div.product .woocommerce-tabs ul.tabs li::after{content:none;display:none;border:0;box-shadow:none}
.contenido-wc div.product .woocommerce-tabs ul.tabs li{background:var(--papel);border:3px solid var(--tinta);border-radius:0;box-shadow:none;margin:0;padding:0}
.contenido-wc div.product .woocommerce-tabs ul.tabs li.active{background:var(--card);border-bottom-color:var(--card)}
.contenido-wc div.product .woocommerce-tabs ul.tabs li a{display:block;padding:12px 20px;font:800 .82rem/1 var(--ft);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--tinta);text-shadow:none}
.contenido-wc div.product .woocommerce-tabs .panel{background:var(--card);border:3px solid var(--tinta);box-shadow:8px 8px 0 var(--tinta);padding:clamp(22px,3vw,40px);margin:0}
.contenido-wc div.product .woocommerce-tabs .panel>h2:first-child{display:none}
.contenido-wc div.product .woocommerce-tabs .panel>*:first-child{margin-top:0}
.contenido-wc div.product .woocommerce-tabs .panel>*:last-child{margin-bottom:0}
.contenido-wc div.product .woocommerce-tabs .panel p,.contenido-wc div.product .woocommerce-tabs .panel li{max-width:78ch}
.contenido-wc .related,.contenido-wc .up-sells{grid-column:1/-1;margin-top:clamp(34px,6vw,64px)}
.contenido-wc .woocommerce-message,.contenido-wc .woocommerce-info,.contenido-wc .woocommerce-error{background:var(--card);border:3px solid var(--tinta);border-left-width:10px;border-left-color:var(--rojo);box-shadow:6px 6px 0 var(--tinta);padding:16px 20px;list-style:none;margin:0 0 24px}
.cuerpo p{max-width:68ch}
.entrada{padding-block:20px;border-bottom:2px solid var(--borde)}

@media(max-width:880px){
  .topbar{flex-wrap:wrap;min-height:auto;padding-block:10px;gap:10px}
  nav.main{order:3;width:100%;margin-left:0;flex-wrap:nowrap;overflow-x:auto;gap:0;padding-top:8px;border-top:2px solid var(--borde);scrollbar-width:none}
  nav.main::-webkit-scrollbar{display:none}
  nav.main a{white-space:nowrap;padding:7px 9px}
  .cart{margin-left:auto}
  .brand img{height:30px}
  .spread img,.vcard,.prod{box-shadow:5px 5px 0 var(--tinta)}
}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}