@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

   * {
     box-sizing: border-box;
   }

   /* Eliminar márgenes que puedan generar scroll */
   html,
   body {
     margin: 0;
     padding: 0;
     overflow-x: hidden;
   }

   /* Estilo del iframe */
   iframe {
     display: block;
     width: 100%;
     border: none;
     max-width: 100%;
   }


   .gallery {
     column-count: 1;
     column-gap: 0;
   }

   @media (min-width: 576px) {
     .gallery {
       column-count: 2;
     }
   }

   @media (min-width: 768px) {
     .gallery {
       column-count: 3;
     }
   }

   .gallery-item {
     break-inside: avoid;
     margin-bottom: 0;
     width: 100%;
   }

   .gallery-item img {
     width: 100%;
     height: auto;
     display: block;
     border-radius: 0.5rem;
   }

   .scroll-wrapper {
     overflow-x: auto;
     white-space: nowrap;
     padding: 0.5rem;
     background-color: #FAF3E4;
   }

   .scroll-horizontal::-webkit-scrollbar-track {
     background: #FAF3E4;
   }

   .image-card {
     display: inline-block;
     vertical-align: top;
   }

   .image-card img {
     height: 400px;
     /* Altura fija */
     width: auto;
     /* Ajusta el ancho proporcionalmente */
     border-radius: 0.5rem;
     object-fit: contain;
     background-color: #FAF3E4;
   }



   .letrasTitulo {
     font-family: "Playfair Display", serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
   }

   .letraSubtitulos {
     font-family: "DM Sans", sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
   }

   body {
     font-family: 'Roboto', sans-serif;
     background-color: #FAF3E4;
   }

   h1,
   h2 {
     font-weight: 300;
   }

   .separadorNegro {
     background-color: #8e8b82;
     height: 10px;
     width: 100%;
   }

   .card-img-top {
     padding: 20px;
     height: 100px;
   }

   .card-body {
     text-align: center;
   }

   .card {
     border: none;
   }

   .imgCaracteristicas {
     object-fit: cover;
   }

   .fondoTextoBannerPortada {

     height: 150px;

   }

   .shadow-suave {
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
     border-radius: 8px;
     /* opcional si querés bordes levemente redondeados */
   }

   .textoBannerPortada {
     font-size: 5em;
     background-color: rgba(0, 0, 0, 0.2);
     font-family: "Parisienne", cursive;
     font-weight: 400;
     font-style: normal;

   }

   .TituloSlogan {
     font-family: "DM Sans", sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
   }

   .subtituloSlogan {
     font-family: "DM Sans", sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
   }

   .fondoTransparente {
     background-color: rgba(0, 0, 0, 0.2);
   }

   .imagenServicios {
     height: 350px;
   }

   .imagenPerfil {
     margin-top: -200px;
     height: 400px;
     border: solid 5px;
     border-radius: 100%;
     background-image: url("Perfil1.jpg");
     background-size: inherit;
     background-repeat: no-repeat;

   }

   .imagenPortada {
     border: solid 2px;

     height: 500px;
     background-image: url("Perfil1.png");
     background-size: inherit;
     background-repeat: no-repeat;

   }

   .imagenReligion {
     object-fit: cover;
     height: 400px;
     width: 400px;
   }

   .nombrePerfil {
     font-size: 6em;
     text-align: center;
     font-family: "Great Vibes", cursive;
     font-weight: 400;
     font-style: normal;
   }

   .nombrePerfilsm {
     font-size: 3em;
     text-align: center;
     font-family: "Great Vibes", cursive;
     font-weight: 400;
     font-style: normal;
   }

   .detallePerfil {
     font-size: 2em;
     text-align: center;
     font-family: "Crimson Text", serif;
     font-weight: 400;
     font-style: normal;
   }

   .detallePerfilsm {
     font-size: 1.2em;
     text-align: center;
     font-family: "Crimson Text", serif;
     font-weight: 400;
     font-style: normal;
   }

   .TituloBiografia {
     font-size: 5em;
     text-align: center;
     font-family: "Crimson Text", serif;
     font-weight: 400;
     font-style: normal;
   }

   .TituloBiografiasm {
     font-size: 2em;
     text-align: center;
     font-family: "Crimson Text", serif;
     font-weight: 400;
     font-style: normal;
   }

   .img-fluid {
     border-radius: 10%;
   }

   .BannerContactoFamilia {
     background-color: #A39F95;
     border-radius: 12px;
   }

   .TituloContactoFamilia {
     font-family: "DM Sans", sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
     font-size: 1.8em;
   }

   .subtituloContactoFamilia {
     font-size: 1.25em;
     text-align: center;
     font-family: "Crimson Text", serif;
     font-weight: 400;
     font-style: normal;
     line-height: 1.6;
   }

   .contacto-item a {
     color: #ffffff;
     text-decoration: underline;
   }

   .contacto-item a:hover {
     color: #e0e0e0;
     text-decoration: none;
   }

   .fondoTransparente {
     background-color: rgba(0, 0, 0, 0.05);
     /* opcional: leve fondo para contraste */
     border-radius: 8px;
     padding: 2rem;
   }

   .linkTelefono {
     text-decoration: none;
     color: white;
   }

   .linkTelefono:hover {
     text-decoration: none;
     color: black;
   }