body {
            overflow: hidden; /* Evita el scroll mientras la pantalla de bienvenida está activa */
            background-color: e5e5e5;
            color: #2e2e2e;
            background-image: url(../img/fondo.jpg);
            background-repeat: repeat;
            background-color: lightblue;
            font-family: 'Playfair Display', serif;
            
        }
        div{
            border: darkgray;
            
        }
        .nombres{
             font-family: 'Great Vibes', cursive;
        }
        
        /* Pantalla de bienvenida */
        #welcome-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: url(../img/fondo-sello.jpg) center/cover no-repeat;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        /* Imagen central */
        #welcome-image {
        	display: block;
        	justify-items: center;
        	text-align: center;
            width: 60%;
            max-width: 350px;
            cursor: pointer;
            transition: transform 0.3s ease;

        }
        #welcome-image h1{
            font-size: 60px;
        }

        #welcome-image:hover {
            transform: scale(1.05);
        }

        /* Ocultar la pantalla con animación */
        .fade-out {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.8s ease, visibility 0s linear 0.8s;
        }
		#banner{
            color: #f04eb2;
            box-shadow: darkgray;
			justify-content: flex-end;
			/*background-image: url(../img/banner.jpg);*/
           /*background: linear-gradient(
                rgba(128, 0, 128, 0.3), /* Color morado con opacidad */
           /*     rgba(128, 0, 128, 0.3)
            ), url('../img/banner.jpg');*/
            background-image: url('../img/banner.jpg');
			background-size: cover;
            background-position: center;
            min-height: 100vh;
		}
        #banner h1{
            font-size: 20px;
        }
        .Titulos{
            margin-top: 20px;
            font-size: 48px;
            color: #f04eb2;

        }
        #cuando{
           background: url(../img/flores_header.png);
           background-repeat: no-repeat;
            margin-top: 20px;
            margin-bottom: 20px;
            min-height: 200px;
        }
        #cuando p{
            color: #f04eb2;
            font-weight: 500;
        }
		#agradecimiento{
			/*background-image: url(../img/dondo-agradecimiento.jpg);*/
            background-size: cover;
            background-position: center;
            /*color: darkgray;*/
		}
		#agradecimiento img{
			border-radius: 50%;
		}

        p .icon{
            color: blue;
            font-size: 50px !important;

        }
        /*Galeria de fotos*/
        .gallery-container {
             overflow: hidden;
            white-space: nowrap;
            height: 120px;
            position: relative;
        }

        .gallery-scroll {
            display: inline-block;
            animation: scroll-left 30s linear infinite;
        }

        .gallery-scroll img {
            height: 100px;
            margin-right: 10px;
            cursor: pointer;
            border-radius: 5px;
        }

        @keyframes scroll-left {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }

        .modal-img {
            width: 100%;
        }