/* Cosmo Wallpapers - sistema Slush: stickers sobre papel pastel. Borde negro
   de 1px en todo lo interactivo, cero sombras, cero degradados, botones en
   pastilla, bandas que alternan color, titular display con interlineado
   aplastado. Antonio (display) e Inter (texto), libres. */
@import url("https://fonts.googleapis.com/css2?family=Antonio:wght@600;700&family=Inter:wght@500;600;700&display=swap");
:root{--carbon:#000;--paper:#fff;--sky:#dceeff;--concrete:#cccccc;--mist:#e9e9e9;
  --blue:#4da2ff;--mint:#55db9c;--lavender:#e9ccff;--ember:#fb4903;--sun:#ffd731;--violet:#5c4ade}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--carbon);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.01em}
img{display:block;max-width:100%}a{color:var(--carbon)}
header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--carbon)}
.barra{max-width:1440px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.marca{font-family:Antonio,Impact,sans-serif;font-weight:700;font-size:30px;line-height:.8;letter-spacing:.01em;
  text-transform:uppercase;text-decoration:none;color:var(--carbon);white-space:nowrap}
.marca span{color:var(--violet)}
.buscar{display:flex;flex:1 1 260px;max-width:520px;border:1px solid var(--carbon);border-radius:1600px;overflow:hidden;background:var(--paper)}
.buscar input{flex:1;border:0;padding:10px 16px;font:inherit;font-size:14px;min-width:0;background:transparent;outline:none}
.buscar button{border:0;border-left:1px solid var(--carbon);background:var(--sun);font:inherit;font-weight:700;font-size:12px;
  letter-spacing:.04em;text-transform:uppercase;padding:0 16px;cursor:pointer}
.pastillas{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.pastilla{display:inline-block;border:1px solid var(--carbon);border-radius:1600px;background:var(--paper);color:var(--carbon);
  text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.032em;text-transform:uppercase;padding:9px 14px;white-space:nowrap}
.pastilla:hover{background:var(--sky)}.pastilla[aria-current="page"]{background:var(--carbon);color:var(--paper)}
.banda{border-bottom:1px solid var(--carbon)}.banda--sky{background:var(--sky)}.banda--paper{background:var(--paper)}
.banda--concrete{background:var(--concrete)}.banda--mist{background:var(--mist)}.banda--lavender{background:var(--lavender)}
.banda--mint{background:var(--mint)}.banda--sun{background:var(--sun)}
.interior{max-width:1440px;margin:0 auto;padding:40px 24px}
.display{font-family:Antonio,Impact,sans-serif;font-weight:700;text-transform:uppercase;line-height:.78;letter-spacing:.005em;
  margin:0 0 16px;font-size:clamp(48px,9vw,130px)}
.display--seccion{font-size:clamp(34px,5vw,72px);margin-bottom:12px}
.display--ficha{font-size:clamp(28px,4.5vw,56px);line-height:.85}
.bajada{font-size:clamp(15px,1.5vw,19px);max-width:60ch;margin:0 0 24px}
.cabeza{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.cabeza .display{margin:0}
.stickers{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sticker{border:1px solid var(--carbon);border-radius:16px;padding:6px 12px;font-weight:700;font-size:12px;letter-spacing:.03em;
  text-transform:uppercase;text-decoration:none;color:var(--carbon);background:var(--paper)}
.sticker:nth-child(6n+1){background:var(--mint)}.sticker:nth-child(6n+2){background:var(--lavender)}
.sticker:nth-child(6n+3){background:var(--sun)}.sticker:nth-child(6n+4){background:var(--sky)}
.sticker:nth-child(6n+5){background:var(--ember);color:var(--paper)}.sticker:nth-child(6n+6){background:var(--violet);color:var(--paper)}
.grilla{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.grilla--movil{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.tarjeta{position:relative;display:block;overflow:hidden;text-decoration:none;border:1px solid var(--carbon);
  border-radius:24px;background:var(--mist);aspect-ratio:16/10}
.tarjeta img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.tarjeta:hover img{transform:scale(1.04)}
.tarjeta--alto{aspect-ratio:9/16}
.marca-res{position:absolute;right:10px;bottom:10px;border:1px solid var(--carbon);border-radius:1600px;background:var(--paper);
  font-weight:700;font-size:11px;letter-spacing:.03em;padding:5px 10px}
.marca-dl{position:absolute;left:10px;bottom:10px;border:1px solid var(--carbon);border-radius:1600px;background:var(--sun);
  font-weight:700;font-size:11px;letter-spacing:.03em;padding:5px 10px}
.colecciones{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.coleccion{position:relative;display:block;border:1px solid var(--carbon);border-radius:24px;overflow:hidden;
  aspect-ratio:4/3;text-decoration:none;background:var(--concrete)}
.coleccion img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}
.coleccion .nombre{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:6px}
.coleccion .nombre b{border:1px solid var(--carbon);border-radius:1600px;background:var(--paper);padding:7px 12px;
  font-family:Antonio,Impact,sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:.02em;line-height:1}
.coleccion .nombre small{border:1px solid var(--carbon);border-radius:1600px;background:var(--sun);padding:5px 9px;font-weight:700;font-size:11px}
.coleccion:hover .nombre b{background:var(--sun)}
.cats{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.cat{display:flex;flex-direction:column;gap:6px;border:1px solid var(--carbon);border-radius:20px;overflow:hidden;text-decoration:none;background:var(--paper)}
.cat img{aspect-ratio:16/10;width:100%;object-fit:cover}
.cat span{padding:8px 12px 10px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em;display:flex;justify-content:space-between}
.cat span small{opacity:.55;font-weight:600}
.ficha{display:grid;gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start}
.lienzo{border:1px solid var(--carbon);border-radius:32px;overflow:hidden;background:var(--mist)}
.lienzo img{width:100%;height:auto}
.panel{border:1px solid var(--carbon);border-radius:32px;background:var(--paper);padding:22px;display:flex;flex-direction:column;gap:12px}
.datos{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.dato{border:1px solid var(--carbon);border-radius:16px;padding:5px 10px;font-size:12px;font-weight:600;letter-spacing:.02em;background:var(--mist)}
.bajar{display:block;text-align:center;border:1px solid var(--carbon);border-radius:1600px;background:var(--carbon);color:var(--paper);
  text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.032em;padding:14px 18px;text-transform:uppercase}
.bajar:hover{background:var(--violet)}
.bajar--fantasma{background:var(--paper);color:var(--carbon)}.bajar--fantasma:hover{background:var(--sun)}
.licencia{font-size:12px;color:#444;margin:0}
.nav-ficha{display:flex;justify-content:space-between;gap:8px;margin-top:16px}
.paginador{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:32px}
.salto{font-weight:700;opacity:.5;padding:0 4px}
footer{border-top:1px solid var(--carbon);background:var(--carbon);color:var(--paper)}
footer a{color:var(--paper)}
.pie{max-width:1440px;margin:0 auto;padding:28px 24px;display:flex;gap:16px 28px;flex-wrap:wrap;justify-content:space-between;font-size:13px;align-items:center}
.pie ul{display:flex;gap:6px 18px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:12px}
.prosa{max-width:76ch}.prosa h2{font-family:Antonio,Impact,sans-serif;text-transform:uppercase;font-size:28px;margin:28px 0 8px}
.prosa p,.prosa li{font-size:16px}.prosa ul{padding-left:20px}
.formulario{display:grid;gap:14px;max-width:640px}
.formulario label{display:grid;gap:6px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em}
.formulario input,.formulario textarea,.formulario select{border:1px solid var(--carbon);border-radius:16px;padding:12px 14px;font:inherit;font-size:15px;background:var(--paper)}
.formulario textarea{min-height:140px;resize:vertical}
.formulario .acepto{display:flex;gap:10px;align-items:start;text-transform:none;font-weight:500;font-size:14px}
.formulario .acepto input{width:20px;height:20px;margin-top:2px}
.aviso{border:1px solid var(--carbon);border-radius:20px;padding:14px 18px;background:var(--sun);font-size:14px}
.hueco{display:none}
.res-busqueda{margin-top:16px;font-size:14px;opacity:.7}
@media (max-width:900px){.ficha{grid-template-columns:1fr}.interior{padding:28px 16px}.barra{padding:10px 16px}
  .buscar{order:3;flex:1 1 100%;max-width:none}.display{font-size:clamp(40px,12vw,90px)}}