/* Ajustes de Fundiciones y Repujados SYS sobre la plantilla Agency (MIT). */

header.masthead {
  background-image:
    linear-gradient(rgba(20, 12, 6, 0.55), rgba(20, 12, 6, 0.75)),
    url("https://images.unsplash.com/photo-1613970351372-9804e380bd09?w=1920&q=70&auto=format&fit=crop");
}
header.masthead .masthead-heading { text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5); }

#mainNav .navbar-brand { font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: 0.04em; color: #fff; }
#mainNav .navbar-brand span { color: var(--bs-primary); }

/* Catálogo */
.filtros .btn { border-radius: 2rem; margin: 0.25rem; text-transform: uppercase; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em; }
.portfolio-item img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.portfolio-caption-subheading { font-size: 0.95rem; }
.etiqueta { display: inline-block; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
  background: var(--bs-primary); color: #fff; border-radius: 1rem; padding: 0.15rem 0.6rem; margin-bottom: 0.4rem; }
.portfolio-modal .modal-body img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; max-width: 640px; border-radius: 0.5rem; }
.portfolio-modal .tabla-medidas { max-width: 420px; margin: 0 auto 2rem; }
.portfolio-modal .tabla-medidas th { background: #f6efe9; }

/* Ventajas */
.cifra { font-family: "Montserrat", sans-serif; font-size: 2.5rem; font-weight: 700; color: var(--bs-primary); line-height: 1; }

/* Línea de tiempo: fotos como fondo del círculo */
.timeline > li .timeline-image img { width: 100%; height: 100%; object-fit: cover; }

/* Contacto */
#contact .form-control { font-family: "Montserrat", sans-serif; }
.datos-contacto a { color: #fff; text-decoration: none; }
.datos-contacto a:hover { color: var(--bs-primary); }
.datos-contacto i { color: var(--bs-primary); width: 1.5rem; }

/* Botón flotante de WhatsApp */
.whatsapp-flotante { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 1040; width: 3.5rem; height: 3.5rem;
  border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center;
  font-size: 1.9rem; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3); transition: transform 0.15s; }
.whatsapp-flotante:hover { color: #fff; transform: scale(1.08); }

@media (max-width: 575.98px) {
  header.masthead .masthead-heading { font-size: 2.1rem; }
}

section#contact { background-image: none; }
section#contact form#contactForm .form-group select.form-control { padding: 1.25rem; height: auto;
  font-family: "Montserrat", sans-serif; font-weight: 700; color: #6c757d; }