/* Tema "maison" -- traslado literal del diseno aprobado (artefacto D3P9BHjuuMMdq1zmg2XQwp):
   marfil #F3EDE3, cuero #2A1E15 / #17120D, dorado #B08D3E, Marcellus + Jost.
   Los estilos en linea del artefacto pasan a clases; las medidas de escritorio son las suyas,
   y debajo de 900px / 560px se reordena para movil (la mayoria del trafico llega de TikTok). */
:root{
  --marfil:#F3EDE3; --tinta:#17120D; --linea:#E2D6C3; --gris:#7A6A57; --cuero:#2A1E15; --cuero2:#3A2A1D;
  --cuero3:#4E3A28; --oro:#B08D3E; --oro-claro:#E7D9B8; --tarjeta:#EAE1D2; --tostado:#B9A47E; --arena:#8C7B60;
  --arena2:#B7A98F; --sombra:#2A241C; --gutter:64px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--marfil);color:var(--tinta);font-family:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:400}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;background:none}
img{max-width:100%;height:auto;display:block}
.pgn-eyebrow{font-family:'Jost',sans-serif;font-weight:500;font-size:11px;letter-spacing:3.5px;text-transform:uppercase}
.pgn-serif{font-family:'Marcellus','Didot','Bodoni 72',Georgia,serif;font-weight:400}
.pgn-link{font-family:'Jost',sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px;display:inline-block}
.pgn-link:hover{color:var(--oro)}
.muted{color:var(--gris)}
.oro{color:var(--oro)}
.wrap{width:100%;max-width:1320px;margin:0 auto}
.salto{position:absolute;left:-9999px}.salto:focus{left:16px;top:16px;background:var(--tinta);color:var(--marfil);padding:10px 16px;z-index:10}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px}

/* linea de servicio + cabecera */
.servicio{padding:12px 24px;text-align:center;border-bottom:1px solid var(--linea)}
.servicio span{font-size:10px;color:var(--gris)}
.cabecera{padding:44px var(--gutter) 32px;display:flex;flex-direction:column;align-items:center;gap:28px}
.cab-fila{width:100%;max-width:1320px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cab-fila > .pgn-eyebrow{font-size:10px;color:var(--gris);min-width:140px}
.logo{font-size:34px;letter-spacing:10px;word-spacing:.35em;text-align:center;white-space:nowrap}
.envivo{display:inline-flex;align-items:center;gap:9px;min-width:140px;justify-content:flex-end;min-height:44px}
.envivo .punto{width:6px;height:6px;border-radius:50%;background:var(--oro);display:inline-block}
.envivo.activo .punto{background:#C0392B;animation:latido 1.6s ease-in-out infinite}
@keyframes latido{0%,100%{opacity:1}50%{opacity:.25}}
.envivo .pgn-eyebrow{font-size:10px}
.filete{width:64px;height:1px;background:var(--oro)}
.menu{display:flex;gap:48px;flex-wrap:wrap;justify-content:center}
.menu a{font-size:11px;padding:6px 0;border-bottom:1px solid transparent}
.menu a:hover,.menu a[aria-current=page]{border-bottom-color:var(--oro)}
.menu-movil{display:none}

/* hero */
.hero{position:relative;aspect-ratio:16/8;background:var(--tostado);display:flex;align-items:flex-end;overflow:hidden}
.hero-fondo{position:absolute;inset:0;background:var(--tostado)}
.hero-fondo img.campana{width:100%;height:100%;object-fit:cover}
.hero-bodegon{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;gap:2%;padding:4% 7% 12% 40%}
.hero-bodegon img{mix-blend-mode:multiply;width:30%;aspect-ratio:1;object-fit:contain;filter:saturate(.9)}
.hero-bodegon img:nth-child(2){width:36%;transform:translateY(6%)}
.hero-texto{position:relative;width:100%;padding:0 var(--gutter) 72px;background:linear-gradient(to top,rgba(23,18,13,.62),rgba(23,18,13,0))}
.hero-texto .wrap{display:flex;flex-direction:column;gap:18px;color:var(--marfil)}
.hero-texto .pgn-eyebrow{letter-spacing:4px;color:var(--oro-claro)}
.hero h1{margin:0;font-size:56px;font-weight:400;max-width:640px;line-height:1.15}
.hero .pgn-link{align-self:flex-start;margin-top:10px}

/* declaracion */
.declaracion{padding:120px var(--gutter);display:flex;justify-content:center}
.declaracion > div{max-width:680px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
.declaracion p{margin:0;font-size:26px;line-height:1.6;color:var(--cuero2)}
.filete-40{width:40px;height:1px;background:var(--oro)}

/* vitrina */
.vitrina{background:var(--cuero);color:var(--marfil)}
.vitrina .wrap{display:flex;align-items:stretch;gap:96px;padding:96px var(--gutter)}
.vitrina-foto{flex:1;aspect-ratio:4/5;background:var(--cuero2);border:1px solid var(--cuero3);display:flex;align-items:center;justify-content:center;padding:9%}
.vitrina-foto .lamina{width:100%;height:100%;background:var(--tarjeta);display:flex;align-items:center;justify-content:center}
.vitrina-foto img{mix-blend-mode:multiply;max-height:88%;max-width:82%;object-fit:contain}
.vitrina-texto{flex:1;display:flex;flex-direction:column;justify-content:center;gap:22px}
.vitrina-marca{font-size:13px;letter-spacing:3px;color:var(--arena);text-transform:uppercase}
.vitrina h2{margin:0;font-size:38px;font-weight:400;line-height:1.2}
.vitrina p{margin:0;max-width:380px;font-size:15px;line-height:1.8;color:var(--arena2);font-weight:300}
.precios{display:flex;align-items:baseline;gap:14px;margin-top:6px;flex-wrap:wrap}
.tachado{text-decoration:line-through;color:var(--gris)}
.vitrina .tachado{font-size:15px}
.vitrina .precio{font-size:30px;color:var(--oro)}
.vitrina .pgn-link{align-self:flex-start;margin-top:8px}

/* subasta */
.subasta{background:var(--tinta);color:var(--marfil);padding:120px var(--gutter);display:flex;justify-content:center}
.subasta .wrap{display:flex;flex-direction:column;gap:64px}
.sub-cab{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.sub-cab h2{margin:0;font-size:38px;font-weight:400}
.sub-cab p{margin:0;max-width:480px;font-size:14px;line-height:1.8;color:var(--arena);font-weight:300}
.lotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:var(--sombra)}
.lote{display:flex;flex-direction:column;background:var(--tinta);padding:4px}
.lote-foto{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:var(--tarjeta)}
.lote-foto img{mix-blend-mode:multiply;max-width:78%;max-height:80%;object-fit:contain}
.lote-txt{padding:30px 6px 6px;display:flex;flex-direction:column;gap:10px}
.lote-txt .pgn-eyebrow{font-size:10px;color:var(--arena)}
.lote-nombre{font-size:20px;line-height:1.3}
.lote .precios{margin-top:4px;gap:10px}
.lote .tachado{font-size:13px;color:var(--arena)}
.lote .puja{font-size:24px;color:var(--oro)}
.lote-meta{font-size:12px;color:var(--arena);font-weight:300}
.lote .pgn-link{margin-top:12px;align-self:flex-start;font-size:11px;color:var(--oro)}
.lotes-vacio{text-align:center;padding:56px 24px;border:1px solid var(--sombra);color:var(--arena);font-weight:300;line-height:1.8}

/* catalogo */
.seccion{padding:120px var(--gutter);display:flex;justify-content:center}
.seccion .wrap{display:flex;flex-direction:column;gap:64px}
.cat-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cat-cab > div:first-child{display:flex;flex-direction:column;gap:14px}
.cat-cab h1,.cat-cab h2{margin:0;font-size:38px;font-weight:400}
.filtros{display:flex;gap:32px;flex-wrap:wrap}
.filtros a{font-size:11px;color:var(--gris);padding:8px 0 5px;border-bottom:1px solid transparent}
.filtros a[aria-current=true]{color:var(--tinta);border-bottom-color:var(--oro)}
.rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 40px}
.pieza{display:flex;flex-direction:column;gap:20px}
.pieza-foto{position:relative;aspect-ratio:4/5;background:var(--tarjeta);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pieza-foto img{mix-blend-mode:multiply;max-width:74%;max-height:78%;object-fit:contain;transition:transform .6s ease}
.pieza:hover .pieza-foto img{transform:scale(1.04)}
.etiqueta{position:absolute;top:18px;left:18px;font-size:9px;background:var(--tinta);color:var(--marfil);padding:6px 12px}
.pieza-txt{display:flex;flex-direction:column;gap:6px}
.pieza-txt .pgn-eyebrow{font-size:10px;color:var(--arena)}
.pieza-nombre{font-size:18px;line-height:1.35}
.pieza-precio{font-size:15px;color:var(--cuero2);margin-top:4px}
.pieza-precio .tachado{font-size:13px;margin-right:8px}
.sin-precio{font-size:12px;letter-spacing:1px;color:var(--gris);font-weight:300}
.ver-todo{display:flex;justify-content:center}

.herramientas{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:14px 0}
.buscador{display:flex;gap:10px;align-items:center;flex:1;min-width:220px}
.buscador input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;padding:10px 0;color:var(--tinta)}
.buscador input::placeholder{color:var(--gris)}
.buscador button,.orden select{border:0;font:inherit;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--tinta);min-height:44px}
.orden{display:flex;align-items:center;gap:10px}
.orden label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gris)}
.orden select{background:transparent;padding:0 4px}
.resumen{font-size:13px;color:var(--gris);font-weight:300}
.paginas{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.paginas a,.paginas span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;border:1px solid transparent}
.paginas a:hover{border-color:var(--linea)}
.paginas [aria-current=page]{border-color:var(--oro)}
.vacio{padding:48px 0;text-align:center;color:var(--gris);font-weight:300;line-height:1.8}

/* ficha */
.ficha{padding:64px var(--gutter) 120px;display:flex;justify-content:center}
.miga{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gris);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.miga a:hover{color:var(--tinta)}
.ficha-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:96px;align-items:start}
.galeria{display:flex;flex-direction:column;gap:12px}
.galeria-principal{aspect-ratio:4/5;background:var(--tarjeta);display:flex;align-items:center;justify-content:center}
.galeria-principal img{mix-blend-mode:multiply;max-width:78%;max-height:82%;object-fit:contain}
.miniaturas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.miniaturas button{aspect-ratio:1;background:var(--tarjeta);border:1px solid transparent;padding:10%;display:flex;align-items:center;justify-content:center}
.miniaturas button[aria-pressed=true]{border-color:var(--oro)}
.miniaturas img{mix-blend-mode:multiply;max-width:100%;max-height:100%;object-fit:contain}
.ficha-txt{display:flex;flex-direction:column;gap:22px;position:sticky;top:32px}
.ficha-txt h1{margin:0;font-size:38px;font-weight:400;line-height:1.2}
.ficha-marca{font-size:13px;letter-spacing:3px;color:var(--arena);text-transform:uppercase}
.ficha-precio{font-size:30px;color:var(--cuero2)}
.datos{display:grid;grid-template-columns:auto 1fr;gap:10px 28px;margin:0;font-size:14px;border-top:1px solid var(--linea);padding-top:22px}
.datos dt{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gris);padding-top:3px}
.datos dd{margin:0;font-weight:300}
.cta{display:flex;flex-direction:column;gap:14px;border:1px solid var(--linea);padding:24px}
.cta p{margin:0;font-size:14px;line-height:1.7;font-weight:300;color:var(--cuero2)}
.cta .devol-resumen{font-size:12px;color:var(--gris);border-top:1px solid var(--linea);padding-top:12px}
.cta .devol-resumen a{border-bottom:1px solid var(--oro)}
.boton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--tinta);color:var(--marfil);font-size:11px;letter-spacing:3px;text-transform:uppercase;border:1px solid var(--tinta)}
.boton:hover{background:var(--cuero)}
.boton.claro{background:transparent;color:var(--tinta)}
.boton.claro:hover{background:var(--tinta);color:var(--marfil)}
.botones{display:flex;gap:12px;flex-wrap:wrap}
.texto-largo{font-size:15px;line-height:1.85;font-weight:300;color:var(--cuero2)}
.texto-largo p{margin:0 0 10px}
.texto-largo ul{margin:0;padding-left:18px}
.texto-largo li{margin-bottom:8px}
.nota{font-size:12px;color:var(--gris);font-weight:300;line-height:1.7}

/* marcas */
.abecedario{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 40px}
.letra h2{margin:0 0 16px;font-size:30px;color:var(--oro)}
.letra ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.letra a{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:300;padding:6px 0;border-bottom:1px solid var(--linea)}
.letra a:hover{color:var(--oro)}
.letra small{color:var(--gris)}

/* paginas de texto */
.texto{padding:96px var(--gutter) 120px;display:flex;justify-content:center}
.texto .col{max-width:760px;width:100%;display:flex;flex-direction:column;gap:28px}
.texto h1{margin:0;font-size:44px;font-weight:400;line-height:1.2}
.texto h2{margin:32px 0 0;font-size:26px;font-weight:400}
.texto h3{margin:12px 0 0;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:500}
.texto p,.texto li{margin:0;font-size:16px;line-height:1.85;font-weight:300;color:var(--cuero2)}
.texto ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.texto .indice{display:flex;gap:28px;flex-wrap:wrap}
.texto .indice a{font-size:11px;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--oro);padding-bottom:3px}
.ficha-legal{display:grid;grid-template-columns:auto 1fr;gap:10px 28px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:22px 0;margin:0}
.ficha-legal dt{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gris);padding-top:4px}
.ficha-legal dd{margin:0;font-size:15px;font-weight:300}
.pasos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.pasos div{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--oro);padding-top:20px}
.pasos b{font-family:'Marcellus',Georgia,serif;font-weight:400;font-size:22px}
.pasos p{font-size:14px}

/* contacto */
.formulario{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.campo{display:flex;flex-direction:column;gap:8px}
.campo.ancho{grid-column:1/-1}
.campo label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gris)}
.campo input,.campo select,.campo textarea{font:inherit;font-size:16px;color:var(--tinta);background:#FBF8F3;border:1px solid var(--linea);border-radius:0;padding:12px 14px;min-height:48px}
.campo textarea{min-height:160px;resize:vertical;line-height:1.6}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--oro)}
.campo .error{font-size:13px;color:#8E2A1B}
.casilla{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:300;line-height:1.6}
.casilla input{width:20px;height:20px;margin-top:3px;accent-color:var(--tinta)}
.trampa{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.aviso{padding:18px 20px;border:1px solid var(--oro);background:#FBF8F3;font-size:15px;line-height:1.7}
.aviso.mal{border-color:#8E2A1B;color:#8E2A1B}
.contacto-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:96px;align-items:start}

/* pie */
.pie{background:var(--tinta);color:var(--arena);padding:96px var(--gutter) 36px;display:flex;flex-direction:column;gap:64px;margin-top:auto}
.pie-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.pie-grid > div{display:flex;flex-direction:column;gap:14px}
.pie-marca{font-size:22px;letter-spacing:4px;color:var(--marfil)}
.pie p{margin:0;font-size:13px;line-height:1.9;font-weight:300;max-width:300px}
.pie .pgn-eyebrow{font-size:10px;color:var(--marfil)}
.pie a{font-size:13px;font-weight:300}
.pie a:hover{color:var(--marfil)}
.pie-base{border-top:1px solid var(--sombra);padding-top:28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;font-weight:300}
.pagina{min-height:100vh;display:flex;flex-direction:column}

/* ---------- tableta ---------- */
@media (max-width:1100px){
  :root{--gutter:40px}
  .logo{font-size:26px;letter-spacing:7px}
  .menu{gap:28px}
  .vitrina .wrap,.ficha-grid,.contacto-grid{gap:56px}
  .hero h1{font-size:44px}
  .abecedario{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ---------- movil ---------- */
@media (max-width:900px){
  :root{--gutter:20px}
  .servicio{padding:10px 16px}
  .servicio span{font-size:9px;letter-spacing:2px}
  .cabecera{padding:22px var(--gutter) 18px;gap:16px}
  .cab-fila > .pgn-eyebrow{display:none}
  .cab-fila{justify-content:space-between}
  .logo{font-size:18px;letter-spacing:4px;white-space:normal;text-align:left}
  .envivo{min-width:0}
  .envivo .pgn-eyebrow{font-size:9px;letter-spacing:2px}
  .filete{display:none}
  .menu{display:none}
  .menu-movil{display:block;width:100%;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
  .menu-movil summary{list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
  .menu-movil summary::-webkit-details-marker{display:none}
  .menu-movil summary .raya{width:18px;height:7px;border-top:1px solid var(--tinta);border-bottom:1px solid var(--tinta)}
  .menu-movil nav{display:flex;flex-direction:column;padding-bottom:10px}
  .menu-movil nav a{min-height:44px;display:flex;align-items:center;border-top:1px solid var(--linea);font-size:11px}
  .hero{aspect-ratio:auto;min-height:78vh;min-height:78svh}
  .hero-bodegon{padding:8% 6% 52% 6%;justify-content:center;align-items:center}
  .hero-bodegon img{width:31%}
  .hero-bodegon img:nth-child(2){width:38%}
  .hero-texto{padding:0 var(--gutter) 40px;background:linear-gradient(to top,rgba(23,18,13,.78) 40%,rgba(23,18,13,0))}
  .hero h1{font-size:32px}
  .declaracion{padding:72px var(--gutter)}
  .declaracion p{font-size:20px}
  .vitrina .wrap{flex-direction:column;gap:36px;padding:56px var(--gutter)}
  .vitrina h2,.sub-cab h2,.cat-cab h1,.cat-cab h2{font-size:30px}
  .subasta,.seccion{padding:72px var(--gutter)}
  .subasta .wrap,.seccion .wrap{gap:40px}
  .lotes{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);background:transparent;gap:12px;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}
  .lote{scroll-snap-align:start}
  .filtros{gap:20px}
  .rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 14px}
  .pieza{gap:12px}
  .etiqueta{top:10px;left:10px;padding:5px 8px;font-size:8px}
  .pieza-nombre{font-size:15px}
  .ficha{padding:28px var(--gutter) 72px}
  .miga{margin-bottom:22px}
  .ficha-grid,.contacto-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .ficha-txt{position:static}
  .ficha-txt h1{font-size:28px}
  .texto{padding:56px var(--gutter) 72px}
  .texto h1{font-size:32px}
  .pasos{grid-template-columns:minmax(0,1fr);gap:24px}
  .abecedario{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}
  .formulario{grid-template-columns:minmax(0,1fr)}
  .pie{padding:64px var(--gutter) 28px;gap:44px}
  .pie-grid{grid-template-columns:1fr 1fr;gap:36px 20px}
  .pie-grid > div:first-child{grid-column:1/-1}
  .herramientas{flex-direction:column;align-items:stretch}
}
@media (max-width:420px){
  .abecedario{grid-template-columns:minmax(0,1fr)}
  .datos,.ficha-legal{grid-template-columns:minmax(0,1fr);gap:4px}
  .datos dd,.ficha-legal dd{margin-bottom:10px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.eyebrow-10{font-size:10px}
.seccion-arriba{padding-top:72px}
@media (max-width:900px){.seccion-arriba{padding-top:40px}}
.contacto-col{max-width:1180px}
.espacio-arriba{margin-top:24px}
.ancho-total{grid-column:1/-1}
@media (max-width:900px){.logo{font-size:17px;letter-spacing:3px;word-spacing:.05em;white-space:nowrap}}
@media (max-width:360px){.logo{font-size:15px;letter-spacing:2px}}

/* Venta directa (24 sep 2026): cesta y selector de unidades */
.cantidad{display:inline-flex;align-items:center;gap:10px}
.cantidad select,.cesta-cant select{font:inherit;font-size:15px;color:var(--tinta);background:#FBF8F3;border:1px solid var(--linea);border-radius:0;min-height:48px;padding:0 12px}
button.pgn-link{background:none;border:0;padding:0;font:inherit;font-size:12px;letter-spacing:1px;color:var(--cuero2);cursor:pointer;border-bottom:1px solid var(--oro)}
.cesta{display:flex;flex-direction:column;border-top:1px solid var(--linea);margin-top:24px}
.cesta-linea{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--linea)}
.cesta-foto img{width:96px;height:96px;object-fit:contain;background:var(--tarjeta)}
.cesta-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.cesta-nombre{font-size:18px;color:var(--cuero2)}
.cesta-cant{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cesta-sub{font-size:16px;color:var(--cuero2);text-align:right;min-width:90px}
.cesta-total{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:24px 0}
.cesta-pagar{display:flex;flex-direction:column;gap:18px;align-items:flex-start;max-width:640px;margin-left:auto}
@media (max-width:700px){
  .cesta-linea{grid-template-columns:72px minmax(0,1fr);gap:12px 16px}
  .cesta-foto img{width:72px;height:72px}
  .cesta-cant,.cesta-sub{grid-column:2}
  .cesta-sub{text-align:left}
  .cesta-total{align-items:flex-start}
  .cesta-pagar .boton{width:100%}
}