* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Georgia', 'Times New Roman', serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        /* Modo video: la tarjeta llena la pantalla (grabación 1080x1920) */
        body.video-mode,
        body.video-full {
            background: #1e2630;
        }

        /* Variante con contorno: tarjeta escalada con borde dorado visible */
        body.video-mode .card-container {
            width: 450px;
            height: 800px;
            max-width: 450px;
            max-height: 800px;
            transform: scale(2.2);
            transform-origin: center;
            border: 4px solid rgba(232,200,138,0.85);
            border-radius: 24px;
            box-shadow: 0 0 60px rgba(0,0,0,0.6);
        }

        /* Variante pantalla completa sin contorno */
        body.video-full .card-container {
            width: 450px;
            height: 800px;
            max-width: 450px;
            max-height: 800px;
            transform: scale(2.4);
            transform-origin: center;
            border-radius: 0;
            box-shadow: none;
        }

        .card-container {
            width: 100%;
            max-width: 450px;
            height: 100vh;
            max-height: 800px;
            position: relative;
            background: white;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            overflow: hidden;
        }

        .screen {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px 30px 40px;
            opacity: 0;
            transform: translateX(100%);
            transition: all 0.6s ease-in-out;
            text-align: center;
        }

        .screen.active {
            opacity: 1;
            transform: translateX(0);
        }

        .screen.exit {
            opacity: 0;
            transform: translateX(-100%);
        }

        /* Pantalla 1 */
        /* 
        .screen-1 {
            background: linear-gradient(to bottom, #f5f5f5, #e8e8e8);
        }
           */
        .screen-1 {
            /* Reemplaza la URL por la de la imagen 1 */
            background-image: url('../img/fondo-2.png'); 
            background-size: cover;
            background-position: center;
        }

        .photo-wrap {
            position: relative;
            z-index: 3;
            margin-bottom: 15px;
        }

        .photo-placeholder {
            position: relative;
            z-index: 1;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background: #ddd;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: #999;
            border: 5px solid #fff;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            overflow: hidden;
        }

        .photo-placeholder img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .photo-glow {
            position: absolute;
            inset: -20px;
            z-index: 0;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(232,200,138,0.55) 0%, rgba(232,200,138,0) 68%);
            filter: blur(6px);
        }

        .dove {
            position: absolute;
            width: 150px;
            right: -50px;
            top: 4%;
            z-index: 4;
            pointer-events: none;
        }

        @keyframes doveLand {
            0%   { transform: translate(240px, -330px) translateY(-50%) rotate(-8deg); opacity: 0; }
            10%  { opacity: 1; }
            70%  { transform: translate(18px, -12px) translateY(-50%) rotate(4deg); opacity: 1; }
            100% { transform: translate(0, 0) translateY(-50%) rotate(0); }
        }

        @keyframes doveSettle {
            0%, 100% { transform: translate(0, 0) translateY(-50%) rotate(0) scaleY(1); }
            50%      { transform: translate(0, 0) translateY(-50%) rotate(-3deg) scaleY(0.96); }
        }

        .screen-1.active .dove {
            animation:
                doveLand 2.6s cubic-bezier(0.3, 0.7, 0.4, 1) 1.8s both,
                doveSettle 2.6s ease-in-out 4.6s infinite;
        }

        .screen-1 .misa-title {
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 32px;
            color: #4a3728;
            margin-top: 10px;
            margin-bottom: 8px;
            font-weight: 600;
            letter-spacing: 2px;
            text-shadow: 0 1px 2px rgba(255,255,255,0.5);
        }

        .screen-1 .ano-title {
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 24px;
            color: #8a6d3b;
            font-weight: 400;
            font-style: italic;
            letter-spacing: 4px;
            text-shadow: 0 1px 2px rgba(255,255,255,0.5);
        }

        .screen-1 .fecha {
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 17px;
            color: #605a55;
            letter-spacing: 1px;
            margin-top: 12px;
            text-shadow: 0 1px 2px rgba(255,255,255,0.5);
        }

        .divider {
            position: relative;
            z-index: 3;
            display: flex;
            align-items: center;
            width: 68%;
            margin: 0 auto 30px;
            gap: 12px;
        }

        .divider::before,
        .divider::after {
            content: '';
            flex: 1;
            height: 1px;
            background: linear-gradient(90deg, rgba(138,109,59,0), rgba(138,109,59,0.7), rgba(138,109,59,0));
        }

        .divider span {
            width: 8px;
            height: 8px;
            background: #8a6d3b;
            transform: rotate(45deg);
            flex-shrink: 0;
        }

        .screen-1 .name {
            font-family: 'Great Vibes', 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 60px;
            color: #997300;
            font-weight: 400;
            letter-spacing: 0.5px;
            margin-top: 20px;
            padding: 0px 9px;
            line-height: 1.3;
            background: linear-gradient(135deg, #997300, #ffc000);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
        }

        .screen-1 .apellido {
            font-family: 'Belleza', 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 30px;
            color: #605a55;
            font-weight: 400;
            letter-spacing: 2px;
            margin-top: 4px;
            line-height: 1.1;
            background: linear-gradient(135deg, #605a55, #8f8880);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
        }

        /* Animaciones pantalla 1 */
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(30px) scale(0.92); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }

        @keyframes gentleFloat {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-6px); }
        }

        @keyframes glowBreathe {
            from { transform: scale(1); opacity: 0.55; }
            to { transform: scale(1.08); opacity: 0.9; }
        }

        @keyframes rise {
            0% { transform: translate(0, 0); opacity: 0; }
            15% { opacity: 0.9; }
            50% { transform: translate(14px, -55vh); opacity: 0.75; }
            85% { opacity: 0.6; }
            100% { transform: translate(-12px, -115vh); opacity: 0; }
        }

        .screen-1 .misa-title,
        .screen-1 .ano-title,
        .screen-1 .fecha,
        .screen-1 .name,
        .screen-1 .apellido {
            position: relative;
            z-index: 3;
        }

        .screen-1.active .name {
            animation: fadeUp 1.2s ease-out both;
        }

        .screen-1.active .apellido {
            animation: fadeUp 1.2s ease-out 0.25s both;
        }

        .screen-1.active .divider {
            animation: fadeUp 1.2s ease-out 0.4s both;
        }

        .screen-1.active .photo-wrap {
            animation:
                fadeUp 1.2s ease-out 0.55s both,
                gentleFloat 5s ease-in-out 2.6s infinite;
        }

        .screen-1.active .photo-glow {
            animation: glowBreathe 4s ease-in-out 2s infinite alternate;
        }

        .screen-1.active .misa-title {
            animation: fadeUp 1.2s ease-out 0.7s both;
        }

        .screen-1.active .ano-title {
            animation: fadeUp 1.2s ease-out 0.85s both;
        }

        .screen-1.active .fecha {
            animation: fadeUp 1.2s ease-out 1s both;
        }

        /* Partículas de luz */
        .particles {
            position: absolute;
            inset: 0;
            z-index: 1;
            overflow: hidden;
            pointer-events: none;
        }

        .particles span {
            position: absolute;
            bottom: -12px;
            left: var(--x);
            width: var(--s);
            height: var(--s);
            border-radius: 50%;
            background: radial-gradient(circle, rgba(201,163,41,0.95), rgba(184,134,11,0.55));
            filter: blur(0.5px);
            box-shadow: 0 0 4px rgba(201,163,41,0.6);
            opacity: 0;
        }

        .screen.active .particles span {
            animation: rise 9s linear infinite;
            animation-delay: var(--d);
        }

        .screen-2 > *:not(.particles),
        .screen-3 > *:not(.particles),
        .screen-4 > *:not(.particles),
        .screen-5 > *:not(.particles),
        .screen-6 > *:not(.particles) {
            position: relative;
            z-index: 2;
        }

        /* Pantalla 2 */
        .screen-2 {
            background: linear-gradient(to bottom, #1e2630, #2c3e50);
        }
        .screen-2 p {
            font-size: 18px;
            line-height: 1.8;
            /*font-style: italic;*/
            text-shadow: 0 2px 10px rgba(0,0,0,0.5);
        }

        .screen-2 .nombre-destacado {
           font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 17px;
            color: #e6c88a;
            line-height: 1.8;
            /*font-style: italic;*/
            margin-bottom: 30px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.55);
        }

        .screen-2 .recuerdo-1 {
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 20px;
            color: #f5efe2;
            line-height: 1.8;
           /* font-style: italic; */
            letter-spacing: 0.5px;
            margin-bottom: 18px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.55);
        }

        .screen-2 .recuerdo-2 {
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 17px;
            color: #e6c88a;
            line-height: 1.8;
           /* font-style: italic;*/
            margin-bottom: 30px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.55);
        }

        .screen-2 .foto-hermanos {
            width: 98%;
            max-width: 440px;
            border-radius: 14px;
            border: 3px solid rgba(255,255,255,0.85);
            box-shadow: 0 15px 40px rgba(0,0,0,0.45);
            filter: sepia(0.15) saturate(1.1) contrast(1.05) brightness(1.02);
        }

        @keyframes zoomIn {
            from { opacity: 0; transform: scale(0.85); }
            to { opacity: 1; transform: scale(1); }
        }

        .screen-2 .cruz {
            width: 150px;
            height: 150px;
            margin-bottom: 20px;
            opacity: 0;
        }

        @keyframes crossDescend {
            from { transform: translateY(-35px); opacity: 0; }
            to   { transform: translateY(0); opacity: 1; }
        }

        @keyframes crossGlow {
            from { filter: drop-shadow(0 0 6px rgba(232,200,138,0.5)); }
            to   { filter: drop-shadow(0 0 18px rgba(232,200,138,0.95)); }
        }

        .screen-2.active .cruz {
            animation:
                crossDescend 1.2s ease-out both,
                crossGlow 3s ease-in-out 1.2s infinite alternate;
        }

        .screen-2.active .recuerdo-1 {
            animation: fadeUp 1.2s ease-out 0.35s both;
        }

        .screen-2.active .recuerdo-2 {
            animation: fadeUp 1.2s ease-out 0.85s both;
        }

        .screen-2.active .foto-hermanos {
            animation:
                zoomIn 1.4s ease-out 1.35s both,
                gentleFloat 5s ease-in-out 3.6s infinite;
        }

        /* Pantalla 3 */
        .screen-3 {
            background: linear-gradient(to bottom, #1e2630, #2c3e50);
        }

        .screen-3 .foto-papa {
            width: 230px;
            aspect-ratio: 350 / 275;
            border-radius: 50%;
            object-fit: cover;
            object-position: 25% 50%;
            border: 4px solid rgba(232,200,138,0.85);
            box-shadow: 0 15px 40px rgba(0,0,0,0.45);
            filter: sepia(0.15) saturate(1.1) contrast(1.05) brightness(1.02);
            margin-bottom: 18px;
            opacity: 0;
        }

        .screen-3 h2 {
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 26px;
            color: #f5efe2;
            line-height: 1.5;
            margin-bottom: 24px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.5);
        }

        .screen-3 .divider {
            width: 55%;
            margin-bottom: 26px;
        }

        .screen-3 .info-item {
            width: 100%;
            max-width: 330px;
            margin: 10px 0;
            padding: 14px 16px;
            display: flex;
            align-items: center;
            gap: 16px;
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(232,200,138,0.25);
            border-radius: 12px;
            box-shadow: 0 6px 20px rgba(0,0,0,0.25);
            text-align: left;
            opacity: 0;
        }

        .screen-3 .info-item i {
            flex-shrink: 0;
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: #e6c88a;
            background: rgba(232,200,138,0.1);
            border: 1px solid rgba(232,200,138,0.4);
            border-radius: 50%;
        }

        .screen-3 .info-text strong {
            display: block;
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 18px;
            color: #f5efe2;
            font-weight: 600;
            line-height: 1.4;
        }

        .screen-3 .info-text span {
            display: block;
            font-size: 13px;
            color: #c9c2b4;
            line-height: 1.5;
            margin-top: 4px;
        }

        /* Animaciones pantalla 3 */
        .screen-3.active .foto-papa {
            animation:
                zoomIn 1.4s ease-out 0.15s both,
                gentleFloat 5s ease-in-out 2.8s infinite;
        }

        .screen-3.active h2 {
            animation: fadeUp 1.2s ease-out 0.55s both;
        }

        .screen-3.active .divider {
            animation: fadeUp 1.2s ease-out 0.75s both;
        }

        .screen-3.active .info-item:nth-child(4) {
            animation: fadeUp 1.2s ease-out 1s both;
        }

        .screen-3.active .info-item:nth-child(5) {
            animation: fadeUp 1.2s ease-out 1.25s both;
        }

        .screen-3.active .info-item:nth-child(6) {
            animation: fadeUp 1.2s ease-out 1.5s both;
        }

        /* Pantalla 4 */
        .screen-4 {
            background:
                radial-gradient(ellipse at 50% 110%, rgba(232,200,138,0.12), transparent 60%),
                linear-gradient(to bottom, #1e2630, #2c3e50);
        }

        .screen-4 .foto-papa-mama {
            width: 370px;
            height: 350px;
            aspect-ratio: 450 / 338;
            border-radius: 16px;
            object-fit: cover;
            border: 3px solid rgba(232,200,138,0.55);
            box-shadow: 0 15px 40px rgba(0,0,0,0.45);
            filter: sepia(0.15) saturate(1.1) contrast(1.05) brightness(1.02);
            margin-bottom: 50px;
             margin-top: -20px;
            opacity: 0;
        }

        .screen-4 .divider {
            width: 55%;
            margin-bottom: 24px;
        }

        .screen-4 h2 {
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 22px;
            color: #f5efe2;
            line-height: 1.6;
            margin-bottom: 24px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.5);
        }

        .screen-4 .reception-card {
            width: 450px;
            max-width: 100%;
            padding: 18px 16px;
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(232,200,138,0.25);
            border-radius: 14px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.3);
            text-align: center;
            opacity: 0;
        }

        .screen-4 .reception-card i {
            width: 48px;
            height: 48px;
            margin: 0 auto 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: #e6c88a;
            background: rgba(232,200,138,0.1);
            border: 1px solid rgba(232,200,138,0.4);
            border-radius: 50%;
        }

        .screen-4 .reception-address {
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 18px;
            font-weight: 600;
            color: #f5efe2;
            line-height: 1.5;
        }

        .screen-4 .reception-ref {
            font-size: 13px;
            color: #c9c2b4;
            margin-top: 10px;
            line-height: 1.5;
        }

        /* Animaciones pantalla 4 */
        .screen-4.active .foto-papa-mama {
            animation:
                zoomIn 1.4s ease-out 0.15s both,
                gentleFloat 5s ease-in-out 3s infinite;
        }

        .screen-4.active .divider {
            animation: fadeUp 1.2s ease-out 0.5s both;
        }

        .screen-4.active h2 {
            animation: fadeUp 1.2s ease-out 0.7s both;
        }

        .screen-4.active .reception-card {
            animation: fadeUp 1.2s ease-out 0.95s both;
        }

        /* Pantalla 5 */
        .screen-5 {
            background:
                radial-gradient(ellipse at 50% 110%, rgba(232,200,138,0.12), transparent 60%),
                linear-gradient(to bottom, #1e2630, #2c3e50);
        }

        .screen-5 .cruz {
            width: 90px;
            height: 90px;
            margin-bottom: 18px;
            opacity: 0;
        }

        .screen-5 .cierre-1 {
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 21px;
            color: #f5efe2;
            line-height: 1.7;
           /* font-style: italic;*/
            margin-bottom: 16px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.55);
            opacity: 0;
        }

        .screen-5 .cierre-2 {
            font-family: 'Playfair Display', 'Georgia', 'Times New Roman', serif;
            font-size: 20px;
            font-style: italic;
            color: #c9c2b4;
            line-height: 1.4;
            margin-bottom: 14px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.5);
            opacity: 0;
        }

        .screen-5 .cierre-3 {
            font-family: 'Great Vibes', 'Playfair Display', 'Georgia', serif;
            font-size: 40px;
            letter-spacing: 1px;
            line-height: 1.2;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #997300, #ffc000);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            filter: drop-shadow(0 2px 8px rgba(255,192,0,0.35));
            opacity: 0;
        }

        .screen-5 .foto-cierre {
            width: 80%;
            max-width: 300px;
            /*max-height: 42%;*/
            border-radius: 14px;
            object-fit: cover;
            border: 3px solid rgba(232,200,138,0.7);
            box-shadow: 0 15px 40px rgba(0,0,0,0.45);
            filter: sepia(0.15) saturate(1.1) contrast(1.05) brightness(1.02);
        }

        /* Animaciones pantalla 5 */
        .screen-5.active .cruz {
            animation:
                crossDescend 1.2s ease-out both,
                crossGlow 3s ease-in-out 1.4s infinite alternate;
        }

        .screen-5.active .cierre-1 {
            animation: fadeUp 1.2s ease-out 0.4s both;
        }

        .screen-5.active .cierre-2 {
            animation: fadeUp 1.2s ease-out 0.7s both;
        }

        .screen-5.active .cierre-3 {
            animation: fadeUp 1.2s ease-out 0.95s both;
        }

        .screen-5.active .foto-cierre {
            animation: fadeUp 1.2s ease-out 1.2s both;
        }

        /* Pantalla 6 */
        .screen-6 {
            background:
                radial-gradient(ellipse at 50% 110%, rgba(232,200,138,0.12), transparent 60%),
                linear-gradient(to bottom, #1e2630, #2c3e50);
            justify-content: flex-start;
            padding-top: 30px;
            overflow: hidden;
        }

        .screen-6 .titulo-galeria {
            font-family: 'Great Vibes', 'Playfair Display', 'Georgia', serif;
            font-size: 40px;
            letter-spacing: 1px;
            line-height: 1.2;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #997300, #ffc000);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            filter: drop-shadow(0 2px 8px rgba(255,192,0,0.35));
            opacity: 0;
            z-index: 2;
        }

        @keyframes fadeDown {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .screen-6.active .titulo-galeria {
            animation: fadeDown 1.2s ease-out 0.3s both;
        }

        .carousel-container {
            width: 90%;
            max-width: 350px;
            height: 400px;
            overflow: hidden;
            border-radius: 16px;
            z-index: 2;
            position: relative;
        }

        .carousel-viewport {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .carousel-photo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
            border-radius: 12px;
            border: 3px solid rgba(232,200,138,0.7);
            box-shadow: 0 10px 30px rgba(0,0,0,0.4);
            filter: sepia(0.1) saturate(1.1) contrast(1.05);
            opacity: 0;
            transform: translateY(-100%);
            transition: all 1.5s ease-in-out;
        }

        .carousel-photo.active {
            opacity: 1;
            transform: translateY(0);
        }

        .carousel-photo.exit-down {
            opacity: 0;
            transform: translateY(100%);
        }

        .screen-6.active .carousel-container {
            animation: fadeInSlide 1s ease-out 0.5s both;
        }

        /* Navegación */
        .nav-dots {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
        }

        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(0,0,0,0.2);
            cursor: pointer;
            transition: all 0.3s;
        }

        .dot.active {
            background: #667eea;
            transform: scale(1.3);
        }

        .nav-buttons {
            position: absolute;
            bottom: 60px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 20px;
            z-index: 10;
        }

        .btn {
            padding: 12px 30px;
            border: none;
            border-radius: 25px;
            background: #667eea;
            color: white;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s;
            font-family: inherit;
        }

        .btn:hover {
            background: #764ba2;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }

        .btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        /* Auto-play indicator */
        .autoplay-hint {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 12px;
            color: rgba(255,255,255,0.7);
            z-index: 10;
        }

        @media (max-width: 480px) {
            .card-container {
                border-radius: 0;
                max-height: 100vh;
            }

            .screen-1 .misa-title {
                font-size: 26px;
            }

            .screen-1 .ano-title {
                font-size: 20px;
            }

            .screen-1 .fecha {
                font-size: 14px;
            }

            .screen-2 .cruz {
                width: 50px;
            }

            .screen-2 .recuerdo-1 {
                font-size: 18px;
            }

            .screen-2 .recuerdo-2 {
                font-size: 15px;
            }

            .screen-2 .foto-hermanos {
                width: 78%;
            }

            .screen-3 h2 {
                font-size: 22px;
            }

            .screen-3 .foto-papa {
                width: 170px;
                object-position: 25% 50%;
            }

            .screen-3 .info-item {
                padding: 12px 14px;
                gap: 12px;
            }

            .screen-3 .info-item i {
                width: 38px;
                height: 38px;
                font-size: 15px;
            }

            .screen-3 .info-text strong {
                font-size: 16px;
            }

            .screen-3 .info-text span {
                font-size: 12px;
            }

            .screen-4 .foto-papa-mama {
                width: 190px;
            }

            .screen-4 h2 {
                font-size: 19px;
                color: #f5efe2;
            }

            .screen-4 .reception-card {
                width: 190px;
                padding: 15px 14px;
            }

            .screen-4 .reception-address {
                font-size: 16px;
                color: #f5efe2;
            }

            .screen-5 .cierre-1 {
                font-size: 18px;
            }

            .screen-5 .cierre-2 {
                font-size: 17px;
            }

            .screen-5 .cierre-3 {
                font-size: 34px;
            }

            .screen-5 .foto-cierre {
                width: 70%;
            }

            .screen-6 .titulo-galeria {
                font-size: 32px;
            }

            .carousel-container {
                height: 350px;
                max-width: 300px;
            }

            .carousel-photo {
                border-width: 2px;
            }

            .photo-placeholder {
                width: 150px;
                height: 150px;
            }

            .dove {
                width: 100px;
                right: -32px;
            }
        }