/*
 * CSS gradient placeholders for missing images.
 * Hero slides are excluded: usan background-image inline y las imágenes ya existen.
 * Remove this file when all real WebP images are in place.
 */

/* Hero slides: NO override aquí – las imágenes existen en images/*.webp
   Si en algún momento faltan, el ::after en style.css actúa como fallback oscuro. */

/* About images fallback */
.about-main-img:not([src]),
.about-main-img[src="images/about-lobby.webp"] {
  background: linear-gradient(135deg, #e8f0e0, #c8dca8, #a8c480);
  min-height: 350px;
}
.about-accent-img img:not([src]),
.about-accent-img img[src="images/about-detail.webp"] {
  background: linear-gradient(135deg, #d4e6c0, #b8d49a);
  min-height: 160px;
}

/* Hostal cards */
.hostal-img-wrapper[data-hostal="oliver"] .hostal-img { background: linear-gradient(135deg, #e8e0d0, #d4c8a0) !important; }
.hostal-img-wrapper[data-hostal="alaska"] .hostal-img { background: linear-gradient(135deg, #d0e8f0, #a0c8d4) !important; }
.hostal-img-wrapper[data-hostal="palacios"] .hostal-img { background: linear-gradient(135deg, #f0e8d0, #d4c4a0) !important; }
.hostal-img-wrapper[data-hostal="jq"] .hostal-img { background: linear-gradient(135deg, #e0d0e8, #c4a8d4) !important; }
.hostal-img-wrapper[data-hostal="jqc"] .hostal-img { background: linear-gradient(135deg, #d0ead4, #a8d4ac) !important; }

/* Room images */
.room-main-img img,
.room-thumb-grid img {
  background: linear-gradient(135deg, #f0ece0, #e0dcc0) !important;
  min-height: 60px;
}

/* Gallery items */
.gallery-item img {
  background: linear-gradient(135deg, #e8f0e0, #d0e4c0) !important;
  min-height: 80px;
}