/* Sonelle · blanco, negro y vino */
@font-face{font-family:"Velocia";src:url(/fuentes/velocia.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Bellarina";src:url(/fuentes/bellarina.otf) format("opentype");font-display:swap}
:root{
  --negro:#000; --blanco:#fff; --gris:#6B625D; --tenue:#EFEAE4; --linea:#DDD6CF; --vino:#790000; --arena:#D2C8BE; --cafe:#574A44;
  --serif:"Velocia","Inter","Helvetica Neue",sans-serif; --manuscrita:"Bellarina",cursive; --sans:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --lado:clamp(16px,2.6vw,40px); --cab:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--blanco);color:var(--negro);font:300 14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
[hidden]{display:none!important}
:focus-visible{outline:1px solid var(--negro);outline-offset:3px}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.saltar{position:absolute;left:-999px}.saltar:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}
.ancho{padding-inline:var(--lado)}

/* Letra chica en mayúsculas: la voz de la interfaz */
.cab,.liga,.sobre,.titulo h2,.prenda__pie,.filtro,.tienda__cab,.migas,.boton,.pie,.promesas,summary,.opciones legend,.cajon,.resumen,.corte strong,th,.articulo__color,.articulo__notas{
  font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.09em;line-height:1.5}
.liga{text-decoration:none;border-bottom:1px solid var(--negro);padding-bottom:2px}
.liga:hover{border-color:transparent}
.sobre{color:var(--vino)}
.punto{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c);margin-right:8px;box-shadow:0 0 0 1px rgba(0,0,0,.2)}

.boton{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 28px;border:1px solid var(--negro);text-decoration:none;transition:background .2s,color .2s}
.boton:hover{background:var(--negro);color:var(--blanco)}
.boton--lleno{background:var(--negro);color:var(--blanco)}
.boton--lleno:hover{background:var(--vino);border-color:var(--vino);color:var(--blanco)}
.boton--ancho{width:100%}

/* Cabecera */
.cab{position:sticky;top:0;z-index:20;height:var(--cab);padding-inline:var(--lado);background:var(--blanco);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.logo{display:block;text-decoration:none}.logo img{height:19px;width:auto}
.cab__nav{display:flex;gap:26px}
.cab__nav a,.cab__der a{text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
.cab__nav a:hover,.cab__nav a[aria-current],.cab__der a:hover,.cab__der button:hover{border-bottom-color:var(--negro)}
.cab__der{display:flex;gap:26px;justify-content:flex-end}
.cab__der button{text-transform:inherit;letter-spacing:inherit;padding:4px 0;border-bottom:1px solid transparent}
.cab__menu{display:none;width:34px;height:34px;padding:9px 4px}
.cab__menu span:not(.oculto){display:block;height:1px;background:var(--negro);margin:7px 0}

/* Portada */
.portada{position:relative;display:grid;grid-template-columns:1fr 1fr;height:calc(100svh - var(--cab));min-height:540px;max-height:1100px;color:var(--blanco);overflow:hidden}
.portada__panel{display:block;overflow:hidden;background:var(--tenue)}
.portada__panel img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.portada__panel--2 img{object-position:88% 50%}
.portada__panel--2{display:grid;place-items:center;padding:8%;background:linear-gradient(118deg,#5c0000 0%,#8e0606 30%,#6a0000 55%,#930808 80%,#5e0000 100%)}
.portada__panel--2 img{width:min(78%,560px);height:auto;max-height:100%;object-fit:contain}
.portada__texto{position:absolute;z-index:1;left:var(--lado);bottom:clamp(18px,2.4vw,32px);display:flex;gap:24px;align-items:baseline;text-shadow:0 1px 14px rgba(0,0,0,.35)}
.portada__texto p{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.09em}
.portada .liga{border-color:var(--blanco)}

/* Banda de marca */
.banda{margin-top:clamp(56px,7vw,110px);padding:clamp(56px,8vw,120px) var(--lado);display:grid;place-items:center;
  background:linear-gradient(118deg,#5c0000 0%,#8e0606 22%,#6a0000 44%,#930808 68%,#5e0000 100%)}
.banda img{width:clamp(150px,17vw,250px);height:auto}

/* Tramos */
.tramo{padding:clamp(56px,7vw,110px) var(--lado) 0}
.titulo{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px}

/* Productos */
.prendas{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 3px}
.prendas--grande{grid-template-columns:repeat(2,1fr)}
.prenda{text-decoration:none;display:block}
.prenda__foto{position:relative;display:block;aspect-ratio:4/5;background:var(--tenue);overflow:hidden}
.prenda__foto img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.prenda:hover .prenda__foto img{transform:scale(1.04)}
.prenda__foto i{position:absolute;left:10px;bottom:10px;color:var(--vino);font-style:normal;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.09em}
.prenda__pie{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:9px 10px 0}
.prenda__pie strong,.prenda__pie b{font-weight:400}
.prenda__pie small{grid-column:1/-1;font-size:inherit;color:var(--gris);text-transform:none;letter-spacing:.02em}
.sinfoto{display:grid;place-items:center;width:100%;height:100%;background:var(--tenue)}
.sinfoto .silueta{width:42%}.sinfoto .silueta path{fill:var(--lavado);stroke:none}

/* Cortes */
.silueta path{fill:none;stroke:var(--negro);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.cortes{display:grid;grid-template-columns:repeat(9,1fr);border-top:1px solid var(--negro);border-bottom:1px solid var(--negro)}
.corte{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 8px 20px;text-decoration:none;text-align:center;transition:background .2s,color .2s}
.corte+.corte{border-left:1px solid var(--linea)}
.corte .silueta{width:min(74px,62%)}
.corte:hover{background:var(--negro);color:var(--blanco)}
.corte:hover .silueta path{stroke:var(--blanco)}
.corte span{font-size:12px;line-height:1.4;color:var(--gris);text-transform:none;letter-spacing:0;max-width:16em}
.corte:hover span{color:#bbb}

/* Editorial */
.editorial{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;margin-top:clamp(56px,7vw,110px)}
.editorial__foto{overflow:hidden;background:var(--tenue);aspect-ratio:5/4}
.editorial__foto img{width:100%;height:100%;object-fit:cover}
.editorial__texto{padding:clamp(28px,4vw,64px) var(--lado) clamp(28px,4vw,56px) clamp(24px,3.4vw,56px);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.editorial h2{font:400 clamp(30px,3.6vw,58px)/1 var(--serif);text-transform:uppercase;max-width:9em}
.editorial h2 em{display:block;font:400 3.3em/.62 var(--manuscrita);text-transform:none;color:var(--vino);margin:.02em 0 .06em}
.editorial__texto>p:not(.sobre){max-width:36em;color:#333}

.promesas{display:grid;grid-template-columns:repeat(3,1fr);margin:clamp(56px,7vw,110px) var(--lado) 0;border-top:1px solid var(--negro)}
.promesas li{padding:22px 0;display:flex;flex-direction:column}
.promesas b{font-weight:400}
.promesas span{color:var(--gris);text-transform:none;letter-spacing:.02em;font-size:12px}

/* Rasgos del modelo (portada con un solo modelo) */
.rasgos{display:grid;grid-template-columns:repeat(4,1fr);margin:0 var(--lado) clamp(40px,5vw,72px);border-bottom:1px solid var(--negro)}
.rasgos li{padding:22px 20px 22px 0;display:flex;flex-direction:column;gap:4px}
.rasgos li+li{padding-left:20px;border-left:1px solid var(--linea)}
.rasgos b{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.09em}
.rasgos span{color:var(--gris);font-size:12px;line-height:1.45}
.dudas details{margin-inline:0}
.dudas{max-width:calc(820px + var(--lado)*2)}

/* Tienda */
.tienda{padding:26px var(--lado) 0}
.tienda__cab{display:flex;align-items:center;gap:24px}
.tienda__cab h1{font:400 clamp(38px,5vw,76px)/1 var(--serif);letter-spacing:.01em;margin-right:auto}
.tienda__cab h1 span{font:300 13px var(--sans);letter-spacing:0;vertical-align:top;position:relative;top:.5em;margin-left:6px;color:var(--gris)}
.tienda__vista{display:flex;gap:12px}
.tienda__vista button{display:grid;grid-template-columns:repeat(2,6px);gap:2px;padding:6px;opacity:.3}
.tienda__vista button[data-vista="2"]{grid-template-columns:repeat(2,9px)}
.tienda__vista button[aria-pressed="true"]{opacity:1}
.tienda__vista i{display:block;height:6px;background:var(--negro)}
.tienda__vista button[data-vista="2"] i{height:14px}
.tienda__orden select{border:0;border-bottom:1px solid var(--negro);background:none;padding:6px 2px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;border-radius:0}
.tienda__filtros{display:grid;gap:8px;margin:26px 0 18px;padding:14px 0;border-top:1px solid var(--negro);border-bottom:1px solid var(--linea)}
.filtro{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px}
.filtro legend{float:left;width:72px;color:var(--gris)}
.filtro button{text-transform:inherit;letter-spacing:inherit;padding:5px 0;border-bottom:1px solid transparent;color:var(--gris)}
.filtro button:hover{color:var(--negro)}
.filtro button[aria-pressed="true"]{color:var(--negro);border-color:var(--negro)}
.vacio{padding:48px 0;color:var(--gris)}
.vacio button{text-transform:uppercase}

/* Producto */
.migas{padding:14px var(--lado);color:var(--gris)}
.migas a{text-decoration:none}.migas a:hover,.migas span{color:var(--negro)}
.articulo{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}
.articulo__foto{position:sticky;top:var(--cab);height:calc(100svh - var(--cab));background:var(--tenue);overflow:hidden}
.articulo__foto img{width:100%;height:100%;object-fit:cover}
.articulo__datos{padding:clamp(28px,5vw,80px) var(--lado) 60px clamp(24px,6vw,110px);max-width:640px}
.articulo__nombre{font:400 clamp(32px,3.6vw,56px)/1 var(--serif);text-transform:uppercase;letter-spacing:.01em}
.articulo__datos .sobre+.articulo__nombre{margin-top:10px}
/* Varias fotos: se apilan y los datos de compra se quedan fijos */
.articulo__foto--varias{position:static;height:auto;display:grid;gap:3px;background:none}
.articulo__foto--varias figure{aspect-ratio:4/5;overflow:hidden;background:var(--tenue)}
.articulo__foto--varias figure img,.articulo__foto--varias .sinfoto{width:100%;height:100%;object-fit:cover}
.articulo__foto--varias~.articulo__datos{position:sticky;top:var(--cab)}
#comprar{scroll-margin-top:var(--cab)}
.articulo__precio{font-size:15px;font-weight:400;margin-top:14px}
.articulo__precio small{font-size:11px;color:var(--gris);margin-left:6px;letter-spacing:.04em}
.articulo__texto{margin-top:22px;max-width:44ch;color:#222}
.articulo__color{margin-top:20px;display:flex;align-items:center}
.compra{margin-top:28px;display:grid;gap:22px}
.opciones legend{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}
.opciones>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:0;border-top:1px solid var(--linea);border-left:1px solid var(--linea)}
.opciones label{position:relative}
.opciones input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opciones span{display:grid;place-items:center;height:44px;padding:0 6px;border-right:1px solid var(--linea);border-bottom:1px solid var(--linea);font-size:12px;transition:.15s}
.opciones label:hover span{background:var(--tenue)}
.opciones input:checked+span{background:var(--negro);color:var(--blanco)}
.opciones input:focus-visible+span{outline:1px solid var(--negro);outline-offset:-4px}
.compra__error{color:#B3261E;font-size:12px}
.articulo__notas{margin:18px 0 34px;color:var(--gris);text-transform:none;letter-spacing:.02em;font-size:12px}

details{border-bottom:1px solid var(--linea)}
details:first-of-type{border-top:1px solid var(--negro)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px 0}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:14px;line-height:1}
details[open] summary::after{content:"–"}
details>p,details>div{padding-bottom:18px;color:#333;max-width:60ch}
details>p+p{margin-top:-8px}
.ajuste{display:grid;grid-template-columns:64px 1fr;gap:28px;align-items:start}
.ajuste dl div{display:grid;grid-template-columns:90px 1fr;padding:6px 0}
.ajuste dt{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--gris);line-height:2}

/* Bolsa */
.velo{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.3);opacity:0;transition:opacity .3s}
.cajon{position:fixed;top:0;right:0;bottom:0;z-index:41;width:min(440px,100%);background:var(--blanco);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.con-cajon{overflow:hidden}.con-cajon .velo{opacity:1}.con-cajon .cajon{transform:none}
.cajon>header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px}
.cajon h2{font:inherit}
.cajon>header button{text-transform:inherit;letter-spacing:inherit;border-bottom:1px solid var(--negro)}
.cajon .renglones{flex:1;overflow:auto;padding:0 28px}
.cajon__vacia{flex:1;padding:20px 28px;color:var(--gris);text-transform:none;letter-spacing:0;font-size:13px}
.cajon>footer{padding:20px 28px 28px;border-top:1px solid var(--negro);display:grid;gap:10px}
.cajon>footer p:first-child{display:flex;justify-content:space-between}
.cajon>footer b,.resumen b{font-weight:400}
.cajon__envio{color:var(--gris);text-transform:none;letter-spacing:.02em;font-size:12px}
.renglon{display:grid;grid-template-columns:92px 1fr auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--linea);font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.renglon__foto{display:block;aspect-ratio:4/5;background:var(--tenue);overflow:hidden}
.renglon__foto img{width:100%;height:100%;object-fit:cover}
.renglon__cuerpo{display:flex;flex-direction:column;gap:2px;min-width:0}
.renglon__cuerpo strong,.renglon__precio{font-weight:400}
.renglon__cuerpo small{font-size:12px;color:var(--gris);text-transform:none;letter-spacing:.02em}
.cantidad{display:inline-flex;align-items:center;margin-top:auto;width:max-content;border:1px solid var(--linea)}
.cantidad button{width:32px;height:30px;font-size:14px}
.cantidad button:hover{background:var(--tenue)}
.cantidad span{min-width:24px;text-align:center}
.cabecera{padding:26px var(--lado) 30px}
.cabecera h1{font:400 clamp(36px,5vw,76px)/1 var(--serif);text-transform:uppercase;letter-spacing:.01em;margin-top:8px}
.cabecera__bajada{max-width:52ch;margin-top:18px;color:#333}
.bolsa{display:grid;grid-template-columns:1fr 400px;gap:clamp(32px,6vw,96px);align-items:start;padding-bottom:40px}
.bolsa .renglones{border-top:1px solid var(--negro)}
.renglones--grande .renglon{grid-template-columns:120px 1fr auto}
.resumen{display:grid;gap:10px;position:sticky;top:calc(var(--cab) + 20px);border-top:1px solid var(--negro);padding-top:16px}
.resumen h2{font:inherit;margin-bottom:8px}
.resumen>p{display:flex;justify-content:space-between}
.resumen__total{border-top:1px solid var(--linea);padding-top:12px}
.resumen form{display:grid;gap:18px;margin-top:18px}
.resumen label{display:grid;gap:2px;color:var(--gris)}
.resumen label small{text-transform:none;letter-spacing:0}
.resumen input,.resumen textarea{border:0;border-bottom:1px solid var(--negro);border-radius:0;background:none;padding:8px 0;font:300 16px var(--sans);width:100%;resize:vertical;text-transform:none;letter-spacing:0;color:var(--negro)}
.resumen input:focus,.resumen textarea:focus{outline:0;border-bottom-width:2px}
.resumen form>small{color:var(--gris);text-transform:none;letter-spacing:.02em;font-size:12px}

/* Guía de tallas y texto corrido */
.medir ol{display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:m;border-top:1px solid var(--negro)}
.medir li{padding:22px 24px 26px 0;color:#333;counter-increment:m}
.medir li::before{content:"0" counter(m);font-size:11px;letter-spacing:.09em;color:var(--gris)}
.medir li b{display:block;text-transform:uppercase;font:400 26px/1.1 var(--serif);letter-spacing:.01em;color:var(--negro);margin:6px 0 8px}
.nota{color:var(--gris);font-size:13px}
.tablas{max-width:calc(720px + var(--lado)*2);margin-top:36px}
.tabla{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:11px 8px 11px 0;border-bottom:1px solid var(--linea);font-weight:300}
thead th{border-bottom-color:var(--negro);color:var(--gris);font-weight:400}
tbody th{font-size:13px;font-weight:400}
.cortes--notas{grid-template-columns:repeat(3,1fr);border-bottom:0}
.cortes--notas .corte{border-bottom:1px solid var(--linea)}
.prosa{max-width:calc(680px + var(--lado)*2);padding-bottom:20px}
.prosa h2{text-transform:uppercase;font:400 24px/1.1 var(--serif);letter-spacing:.01em;margin:40px 0 14px}
.prosa p,.prosa li{margin-bottom:10px}
.prosa ul li{padding-left:18px;position:relative}
.prosa ul li::before{content:"—";position:absolute;left:0;color:var(--gris)}
.prosa summary{font-size:11px}

/* Pie */
.pie{margin-top:clamp(72px,9vw,140px);padding:clamp(36px,5vw,64px) var(--lado) 24px;background:var(--vino);color:var(--blanco);display:grid;grid-template-columns:1fr auto;gap:40px 60px}
.pie__reja{display:grid;grid-template-columns:repeat(4,minmax(0,200px));gap:32px;align-content:start}
.pie nav{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.pie nav h2{font:inherit;color:var(--arena);margin-bottom:6px}
.pie nav a{text-decoration:none;border-bottom:1px solid transparent}
.pie nav a:hover{border-color:var(--blanco)}
.pie__marca{display:flex;align-items:center;gap:clamp(24px,4vw,56px)}
.pie__marca img{width:auto;height:clamp(110px,12vw,170px)}
.pie__fin{grid-column:1/-1;padding-top:18px;border-top:1px solid rgba(255,255,255,.25);color:var(--arena);font-size:10px}

/* ---------- Pantallas medianas y chicas ---------- */
@media (max-width:1000px){
  .cortes{grid-template-columns:repeat(5,1fr)}
  .cortes .corte:nth-child(n+6){border-top:1px solid var(--linea)}
  .cortes .corte:nth-child(6){border-left:0}
  .cortes--notas{grid-template-columns:repeat(2,1fr)}
  .cortes--notas .corte{border-top:0!important}
}
@media (max-width:800px){
  :root{--cab:56px}
  .cab{grid-template-columns:auto 1fr auto}
  .cab__menu{display:block;margin-left:-4px}
  .logo{justify-self:center}.logo img{height:16px}
  .cab__der a{display:none}
  .cab__nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--blanco);padding:8px var(--lado) 24px;border-bottom:1px solid var(--negro)}
  .cab__nav.abierto{display:flex}
  .cab__nav a{padding:14px 0;font-size:13px}
  .portada{grid-template-columns:1fr;height:auto;max-height:none;min-height:0}
  .portada__panel{aspect-ratio:4/5}
  .portada__panel--2{aspect-ratio:16/10;order:-1}
  .portada__texto{right:var(--lado);justify-content:space-between}
  .prendas,.prendas--grande{grid-template-columns:repeat(2,1fr);gap:22px 2px}
  .tramo,.tienda{padding-inline:0}
  .titulo,.tienda__cab,.tienda__filtros,.vacio{margin-inline:var(--lado)}
  .tramo .cortes{margin-inline:var(--lado)}
  .cortes{grid-template-columns:repeat(3,1fr)}
  .cortes .corte{border-top:0!important;border-left:0;border-bottom:1px solid var(--linea)}
  .cortes .corte:not(:nth-child(3n+1)){border-left:1px solid var(--linea)}
  .cortes .corte:nth-last-child(-n+3){border-bottom:0}
  .cortes--notas{grid-template-columns:1fr 1fr}
  .cortes--notas .corte{border-left:0!important;border-bottom:1px solid var(--linea)!important;padding-inline:12px}
  .editorial{grid-template-columns:1fr}
  .promesas{grid-template-columns:1fr}
  .promesas li{padding:14px 0}.promesas li+li{border-top:1px solid var(--linea)}
  .tienda__vista{display:none}
  .filtro{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--lado)*-1);padding-right:var(--lado)}
  .filtro legend{flex:none;width:58px}
  .filtro button{flex:none}
  .articulo{grid-template-columns:1fr}
  .articulo__foto{position:static;height:auto;aspect-ratio:4/5}
  .articulo__foto--varias{aspect-ratio:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .articulo__foto--varias figure{flex:0 0 88%;scroll-snap-align:start}
  .articulo__foto--varias~.articulo__datos{position:static}
  .rasgos{grid-template-columns:1fr 1fr}
  .rasgos li:nth-child(3){padding-left:0;border-left:0}
  .rasgos li:nth-child(n+3){border-top:1px solid var(--linea)}
  .dudas{padding-inline:var(--lado)}
  .dudas .titulo{margin-inline:0}
  .articulo__datos{padding:26px var(--lado) 20px}
  .bolsa{grid-template-columns:1fr}
  .resumen{position:static}
  .renglones--grande .renglon{grid-template-columns:92px 1fr auto}
  .medir ol{grid-template-columns:1fr}
  .medir li{padding:18px 0;border-bottom:1px solid var(--linea)}
  .pie{grid-template-columns:1fr}
  .pie__reja{grid-template-columns:1fr 1fr}
  .pie__marca{justify-content:center;order:-1}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}