:root{--fondo:#FCF8F5;--tinta:#3B3340;--suave:#7A6F80;--rosa:#F4D6DC;--lila:#DCD3EE;--menta:#CFE6DC;--durazno:#F8DCC8}
*{box-sizing:border-box;margin:0}
body{background:var(--fondo);color:var(--tinta);font:400 16px/1.6 'Figtree',system-ui,sans-serif}
a{color:inherit;text-decoration:none}
h1,h2,h3,.logo{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.15}
:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}

.aviso{background:var(--lila);text-align:center;font-size:14px;padding:8px 12px}
.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:18px 5vw;border-bottom:1px solid var(--rosa)}
.logo{font-size:30px;letter-spacing:.02em}
.menu,.acciones{display:flex;gap:20px;font-size:15px}
.acciones{justify-content:flex-end}
.menu a:hover,.acciones a:hover{text-decoration:underline}

.boton{display:inline-block;background:var(--tinta);color:#fff;border:0;border-radius:999px;padding:14px 30px;font:500 16px 'Figtree',sans-serif;cursor:pointer}
.boton:hover{background:#524760}

.hero{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:6vw 5vw;background:var(--rosa)}
.hero h1{font-size:clamp(36px,5vw,62px);margin-bottom:16px}
.hero p{max-width:40ch;margin-bottom:28px}
.hero-arte{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hero-arte .img:last-child{margin-top:40px}

.bloque{padding:56px 5vw}
.bloque h2,.titulo-pag{font-size:clamp(26px,3vw,36px);margin-bottom:28px}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cats a{border-radius:24px;padding:48px 16px;text-align:center;font:600 22px 'Fraunces',serif}
.cats a:hover{transform:translateY(-3px)}

.grilla{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
.card{position:relative;display:block}
.card h3{font:500 16px 'Figtree',sans-serif;margin-top:12px}
.card p{color:var(--suave)}
.tag{position:absolute;top:12px;left:12px;background:#fff;border-radius:999px;padding:2px 12px;font-size:13px}
.img{aspect-ratio:1;border-radius:20px;display:grid;place-items:center;overflow:hidden}
.img svg{width:55%}
.card .img{transition:transform .25s}
.card:hover .img{transform:scale(.97)}

.filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.filtros a{border:1px solid var(--tinta);border-radius:999px;padding:6px 18px;font-size:15px}
.filtros a.on{background:var(--tinta);color:#fff}

.producto{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:48px 5vw}
.info{max-width:48ch}
.info h1{font-size:clamp(30px,4vw,44px);margin:6px 0 10px}
.miga{color:var(--suave);font-size:14px}
.precio{font-size:26px;font-weight:600}
.cuotas{color:var(--suave);margin-bottom:18px}
.info .boton{margin:24px 0}
.detalles{padding-left:18px;color:var(--suave)}

.confianza{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:40px 5vw;background:var(--menta)}
.confianza strong{display:block;font-family:'Fraunces',serif;font-size:19px}

.pie{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:48px 5vw;background:var(--durazno)}
.pie p{font-size:15px}

@media(max-width:800px){
  .top{grid-template-columns:1fr;text-align:center}
  .menu,.acciones{justify-content:center;flex-wrap:wrap}
  .logo{order:-1}
  .hero,.producto,.confianza,.pie{grid-template-columns:1fr}
  .cats,.grilla{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---- logo, fotos, nosotros ---- */
.logo-img{height:44px;width:auto;display:block}
.img img{width:100%;height:100%;object-fit:contain}
.cats{grid-template-columns:repeat(3,1fr)}
.nosotros{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:56px 5vw}
.nosotros h2{font-size:clamp(26px,3vw,36px);margin-bottom:14px}
.nosotros p{max-width:48ch;margin-bottom:12px}
.nos-foto{aspect-ratio:4/3;border-radius:20px;overflow:hidden}
.nos-foto img{width:100%;height:100%;object-fit:cover}

/* ---- carrito y checkout ---- */
.carro{display:grid;grid-template-columns:1.6fr 1fr;gap:5vw;align-items:start}
.fila{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--rosa)}
.mini .img{border-radius:12px}
.suave{color:var(--suave);font-size:14px}
.cant{display:flex;align-items:center;gap:10px;margin-top:6px}
.cant button{border:1px solid var(--tinta);background:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:16px;color:var(--tinta)}
.cant .link{border:0;width:auto;border-radius:0;text-decoration:underline;font-size:14px;margin-left:8px}
.resumen{background:#fff;border-radius:20px;padding:24px}
.resumen h2{font-size:22px;margin-bottom:14px}
.resumen .boton{width:100%;text-align:center;margin-top:16px}
.linea{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.total{font-weight:600;font-size:18px;border-top:1px solid var(--rosa);padding-top:10px;margin-top:6px}
.campos h2{font-size:22px;margin:24px 0 10px}
.campos h2:first-child{margin-top:0}
label{display:block;margin-bottom:12px;font-size:15px}
input:not([type=radio]),select{display:block;width:100%;margin-top:4px;padding:11px 14px;border:1px solid #d9cfd6;border-radius:12px;background:#fff;font:inherit;color:var(--tinta)}
.radio{display:flex;gap:10px;align-items:center}
.errores{background:#fbe3e3;border-radius:12px;padding:12px 18px;margin-bottom:20px}
.confirma .resumen{max-width:480px;margin:20px 0}
.demo{background:var(--durazno);border-radius:12px;padding:12px 18px;margin-top:14px;max-width:60ch}
@media(max-width:800px){.carro,.nosotros{grid-template-columns:1fr}.cats{grid-template-columns:1fr 1fr}}