.seccion {
            padding: 80px 0;
            text-align: center;
        }

        #inicio {
            position: relative;
            height: 100vh;
            overflow: hidden;
            color: white;
            padding: 150px 0;
        }

        #inicio .background-slideshow>div {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;

            opacity: 0;
            animation: fade-in-out 18s infinite;
        }

        #inicio .background-slideshow div:nth-child(1) {
            background-image: url("img/Construccion.jpg");
        }

        #inicio .background-slideshow div:nth-child(2) {
            background-image: url("img/construction-site-6747104.jpg");
            animation-delay: 6s;
        }

        #inicio .background-slideshow div:nth-child(3) {
            background-image: url("img/Imagen\ de\ WhatsApp\ 2025-09-05\ a\ las\ 20.09.52_9062d38e.jpg");
            animation-delay: 12s;
        }

        /* La animación que controla el desvanecimiento */
        @keyframes fade-in-out {
            0% {
                opacity: 0;
            }

            10% {
                opacity: 1;
            }

            33% {
                opacity: 1;
            }

            43% {
                opacity: 0;
            }

            100% {
                opacity: 0;
            }
        }

        #empresa {
            background-color: #F7F9FA;

        }
        #servicios {
            background-image: url("img/Fondo4.jpg");
        }
        
        #portafolio {
            background-image: url("img/Fondo2.jpg");
        }
        .texto-enc {
            text-shadow: 2px 2px #000;
        }

        .card-servicio {
            transition: transform 0.3s ease-in-out;
        }

        .card-servicio:hover {
            transform: translateY(-10px);
        }

        .navbar-hidden {
            
            transform: translateY(-100%);
            
        }
        #navbar-principal {
            transition: transform 0.3s ease-in-out;
        }
        
        .flip-box {
            background-color: transparent;
            border-radius: 10%;
            width: 300px;
            height: 200px;
            /* border: 1px solid #f1f1f1; */
            perspective: 1000px;
        }

        .flip-box-inner {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: transform 0.8s;
            transform-style: preserve-3d;
        }

        .flip-box:hover .flip-box-inner {
            transform: rotateY(180deg);
        }

        .flip-box-front,
        .flip-box-back {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .flip-box-front {
            background-color: #ffff;
            border-radius: 10%;
            color: black;
            text-align: center;
        }

        .flip-box-back {
            background-color: #ffff;
            border-radius: 10%;
            color: white;
            transform: rotateY(180deg);
        }

        .carousel-control-prev,
        .carousel-control-next {
            width: 5% !important;
            left: 1;
            right: 0;
        }


        #carouselExampleFade {
            padding-left: 0;
            padding-right: 0;
        }

        .shadow-effect {
            box-shadow: 10px 10px 10px #4e4d4d66 5px 5px 5px #F7F9FA;
        }

        footer {
            position: relative !important;
            height: 100vh !important;
            background-color: #FFD700 !important;
            background-image: url("img/Fondo3.jpg");
            background-size: cover;
            background-position: center;
            background-attachment: fixed !important;
            overflow: hidden !important;
        }

        .fuente {
            font-size: 2.4rem;
        }

        .estilo-fuente{
            font-family: "Inter", sans-serif;
            
        }
        #NuevoTamaño {
            padding: 1.2rem;
            margin: 1rem;
            border-radius: 20px;
            background-color: #F7F9FA;
            background-image: url("img/Diseño1.jpg");
            background-size: cover;
            line-height: 2rem;
            font-size: 48px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        }
        .letras {
            font-size: 48px;
            
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        }

        .inclinacion {
            
        }