/* Portadas reales compartidas entre las landings y "Más que alfombras". */
.more--canvas {
  background-image:url('assets/portadas/lienzos.jpg');
  background-position:center 44%;
}

.more--murals {
  background-image:url('assets/portadas/murales.jpg');
  background-position:center 56%;
}

.more--headboard {
  background-image:url('assets/portadas/cabeceros.jpg');
  background-position:center;
}

/* WebP progresivo: los JPEG optimizados siguen siendo el respaldo. */
@supports (background-image:image-set(url('assets/home/portada.webp') type('image/webp'))) {
  .hero { background-image:linear-gradient(90deg,rgba(20,16,12,.72),rgba(20,16,12,.08)),image-set(url('assets/home/portada.webp') type('image/webp'),url('assets/home/portada.jpg') type('image/jpeg')); }
  .social-hero { background-image:linear-gradient(90deg,rgba(249,244,236,.96),rgba(249,244,236,.1)),image-set(url('assets/home/portada.webp') type('image/webp'),url('assets/home/portada.jpg') type('image/jpeg')); }
  .collections--natural { background-image:image-set(url('assets/collections/naturales.webp') type('image/webp'),url('assets/collections/naturales.jpg') type('image/jpeg')); }
  .collections--decor { background-image:image-set(url('assets/collections/decorativas.webp') type('image/webp'),url('assets/collections/decorativas.jpg') type('image/jpeg')); }
  .catalog-hero-image { background-image:linear-gradient(90deg,rgba(248,243,237,.2),rgba(248,243,237,0)),image-set(url('assets/generated/decorative.webp') type('image/webp'),url('assets/generated/decorative.png') type('image/png')); }
  .collections--kids { background-image:image-set(url('assets/collections/infantiles.webp') type('image/webp'),url('assets/collections/infantiles.jpg') type('image/jpeg')); }
  .rooms--salon { background-image:image-set(url('assets/rooms/salon.webp') type('image/webp'),url('assets/rooms/salon.jpg') type('image/jpeg')); }
  .rooms--dormitorio { background-image:image-set(url('assets/rooms/dormitorio.webp') type('image/webp'),url('assets/rooms/dormitorio.jpg') type('image/jpeg')); }
  .rooms--cocina { background-image:image-set(url('assets/rooms/cocina.webp') type('image/webp'),url('assets/rooms/cocina.jpg') type('image/jpeg')); }
  .rooms--terraza { background-image:image-set(url('assets/rooms/terraza.webp') type('image/webp'),url('assets/rooms/terraza.jpg') type('image/jpeg')); }
  .rooms--hoteles { background-image:image-set(url('assets/rooms/hoteles.webp') type('image/webp'),url('assets/rooms/hoteles.jpg') type('image/jpeg')); }
  .rooms--bano { background-image:image-set(url('assets/rooms/bano.webp') type('image/webp'),url('assets/rooms/bano.jpg') type('image/jpeg')); }
  .more--canvas { background-image:image-set(url('assets/portadas/lienzos.webp') type('image/webp'),url('assets/portadas/lienzos.jpg') type('image/jpeg')); }
  .more--headboard { background-image:image-set(url('assets/portadas/cabeceros.webp') type('image/webp'),url('assets/portadas/cabeceros.jpg') type('image/jpeg')); }
  .more--murals { background-image:image-set(url('assets/portadas/murales.webp') type('image/webp'),url('assets/portadas/murales.jpg') type('image/jpeg')); }
  .final-cta { background-image:linear-gradient(90deg,rgba(25,19,13,.72),rgba(25,19,13,.1)),image-set(url('assets/generated/banner.webp') type('image/webp'),url('assets/generated/banner.png') type('image/png')); }
  .catalog-personalize-image { background-image:image-set(url('assets/generated/collection.webp') type('image/webp'),url('assets/generated/collection.png') type('image/png')); }
  .catalog-room--salon,.catalog-room--bed,.catalog-room--dining,.catalog-room--terrace,.catalog-room--hotel,.catalog-room--bath { background-image:image-set(url('assets/crops/rooms.webp') type('image/webp'),url('assets/crops/rooms.png') type('image/png')); }
  .product-story-image { background-image:image-set(url('assets/generated/texture.webp') type('image/webp'),url('assets/generated/texture.png') type('image/png')); }
  .product-tab-texture { background-image:image-set(url('assets/generated/natural.webp') type('image/webp'),url('assets/generated/natural.png') type('image/png')); }
}

/* Ajuste de composición del hero de portada. */
@media (min-width:761px) {
  .hero-copy { transform:translateY(28px); }
  .hero-copy .button { min-width:220px; padding:10px 30px; line-height:1.2; text-align:center; }
}

@media (max-width:760px) {
  .hero-copy { transform:translateY(14px); }
  .hero-copy .button { min-width:190px; padding:10px 28px; line-height:1.2; text-align:center; }
}