/*
  Rediseño visual "Avivamiento — Fuego y Gloria" aplicado a Iglesias (iglesias.php)
  Capa de estilos que se aplica ENCIMA de style.css.
  No modifica estructura HTML ni el filtrado con Isotope (assets_nw/js/main.js): solo redefine color, tipografía y esquinas.
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600;700&family=Open+Sans:wght@400;600&display=swap');

:root {
  --av-fire-1: #ff6a3d;
  --av-fire-2: #ffb648;
  --av-royal-2: #6d3bb0;
  --av-glow: rgba(255, 140, 66, 0.45);
  --av-radius: 18px;
}

/* Tipografía general */
#main h2,
#main .portfolio-info h4 {
  font-family: 'Poppins', 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px;
}

/* Línea decorativa del título de sección con el degradado de marca */
#portfolio .section-title h2::after {
  background: linear-gradient(90deg, var(--av-fire-1), var(--av-fire-2));
}

/* Imagen principal del carrusel: solo se agrega el radio de esquina */
#main .carousel-item img {
  border-radius: var(--av-radius);
}

/* Filtros por país: pastilla con degradado fuego en el activo/hover */
#portfolio #portfolio-flters {
  border-radius: 999px;
}

#portfolio #portfolio-flters li {
  border-radius: 999px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
  background: linear-gradient(90deg, var(--av-fire-1), var(--av-fire-2));
  color: #1a1005;
}

/* Overlay con el nombre de cada sede: esquinas suaves y degradado de marca en vez del naranja plano */
#portfolio .portfolio-info {
  border-radius: var(--av-radius);
  background: linear-gradient(135deg, var(--av-royal-2), var(--av-fire-1));
}

#portfolio .portfolio-info .details-link:hover {
  color: var(--av-fire-2);
}

/* Fotos de cada sede: solo se agrega el radio de esquina */
#portfolio .portfolio-container img.img-fluid {
  border-radius: var(--av-radius);
}