/* Slots de imagen: foto real (si existe en /images/) sobre gradiente de fallback.
   Este archivo se sirve tal cual desde public/ — webpack no lo procesa,
   por eso los paths /images/*.jpg quedan literales y resuelven en runtime. */
.img-hero        { background-image: url('/images/hero.jpg'),              radial-gradient(120% 90% at 70% 10%, rgba(194,160,107,0.18), transparent 55%), linear-gradient(160deg, #1a1815 0%, #0F0F0F 60%, #0a0a0a 100%); }
.img-experiencia { background-image: url('/images/experiencia.jpg'),       radial-gradient(100% 80% at 80% 90%, rgba(194,160,107,0.22), transparent 55%), linear-gradient(200deg, #14120f 0%, #0F0F0F 70%); }
.img-obra        { background-image: url('/images/sol-obra.jpg'),          linear-gradient(160deg, #1c1a16, #0d0d0d); }
.img-turismo     { background-image: url('/images/sol-turismo.jpg'),       linear-gradient(160deg, #19181c, #0d0d0d); }
.img-campo       { background-image: url('/images/sol-campo.jpg'),         linear-gradient(160deg, #1c1813, #0d0d0d); }
.img-vivienda    { background-image: url('/images/sol-vivienda.jpg'),      linear-gradient(160deg, #151814, #0d0d0d); }
.img-refugio     { background-image: url('/images/proyecto-refugio.jpg'),  linear-gradient(150deg, #16140f, #0c0c0c); }
.img-estepa      { background-image: url('/images/proyecto-estepa.jpg'),   linear-gradient(150deg, #1a160f, #0c0c0c); }
.img-contacto    { background-image: url('/images/contacto.jpg'),          linear-gradient(160deg, #16130d, #0c0c0c); }