.sombraTxt {
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }
        .fuenteAzul {
            color: #185E8D !important;
            font-size: 50px;
        }
        .itemMenu{
            /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);*/
            color: #185E8D !important;
            font-family: "Corinthia";
            font-size: 18px;
            font-style: italic;
        }
        .swal2-html-container {
            font-size: 2em;
        }
        .swal2-html-container {
            font-size: 12px; /*2em;*/
        }
        .swal2-title {
            font-family: "Corinthia";
            font-size: 15px !important;
        }
        .imagen-fondo {
            /*background-image: url('URL_DE_LA_IMAGEN'); /* Reemplaza con la URL de tu imagen */
            background-size: cover;
            background-position: center;
            height: 800px; /* Ajusta la altura según sea necesario */
            position: relative; /* Necesario para el posicionamiento absoluto del texto */
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .texto-centrado {
            position: absolute; /*  Posiciona el texto absolutamente dentro del div */
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80%; /* Ajusta el ancho del texto */
            color: rgba(227, 225, 225, 0.914) !important;
            font-size: 18px;
            font-family: "Corinthia";
            font-style: italic;
            text-shadow: 2px 2px 4px rgb(24, 94, 141);  /*249, 248, 248*/
            word-spacing: 7px; /* Aumenta el espacio entre palabras */
            letter-spacing: 1px; /* Aumenta el espacio entre letras */
            line-height: 2.0; /* Aumenta la altura de línea */
        }

        .timeline {
            position: relative;
            max-width: 900px;
            margin: 50px auto;
            padding: 20px 0;
        }

        .timeline::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 3px;
            background: #185E8D;
            /* Color pastel para boda */
            transform: translateX(-50%);
        }

        .timeline-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            margin-bottom: 50px;
        }

        .timeline-marker {
            width: 20px;
            height: 20px;
            background: #185E8D;
            border: 3px solid #fff;
            border-radius: 50%;
            z-index: 1;
            box-shadow: 0 0 0 3px #185E8D;
        }

        .timeline-content {
            background: #fff;
            padding: 15px 20px;
            border-radius: 6px;
            width: 45%;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .timeline-content h3 {
            margin-bottom: 5px;
            color: #185E8D;
            font-family: 'Georgia', serif;
        }

        .timeline-content.left {
            text-align: right;
        }

        .timeline-content.right {
            text-align: left;
        }
        /* 📱 Adaptación para móviles */
        @media (max-width: 768px) {
            .timeline::before {
                left: 20px;
            }
        
            .timeline-item {
                flex-direction: row;
                align-items: flex-start;
            }
        
            .timeline-content {
                width: calc(100% - 50px);
                text-align: left !important;
                margin-left: 40px;
            }
        
            .timeline-marker {
                position: absolute;
                left: 10px;
                top: 10px;
            }
        }


        /* 📱 Adaptación para móviles */
        @media (max-width: 768px) {
        .timeline::before {
                left: 20px;
            }
        
            .timeline-item {
                flex-direction: row;
                align-items: flex-start;
            }
        
            .timeline-content {
                width: calc(100% - 50px);
                text-align: left !important;
                margin-left: 40px;
            }
        
            .timeline-marker {
                position: absolute;
                left: 10px;
                top: 10px;
            }
        }

        /* ✨ Animación */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }

        .fade-in.show {
            opacity: 1;
            transform: translateY(0);
        }