
p{
    padding: 0px 70px 0px 70px;
}

/* Define la animación */
@keyframes fade {
    0% { opacity: 3; } /* Inicio: totalmente visible */
    50% { opacity: 0.5; } /* Mitad: semi-transparente */
    100% { opacity: 1; } /* Fin: totalmente visible nuevamente */
}

.mision{
    color: #2c19ad; /* Color del texto */
}

.mision:hover{
    font-size: 350%; /* Aumenta el tamaño de la fuente*/
}

.servicio{
    margin: 200px;
    background: gainsboro;
    padding: 10px;
}

.servicio{
    width: 1600px;
    height: 650px;
    overflow: hidden;
    position: relative;
    margin: 200px auto;
    border-radius: 20px;
    box-shadow: 5px 8px 12px rgba(7, 207, 191, 0.61);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.servicio:hover {
    transform: scale(1.1);
    box-shadow: 13px 15px 37px black;
}

.servicio img{
    width: 40%;
    height: 40% ;
}


.contenedor-sombra{
    background-image: url(https://w.forfun.com/fetch/d9/d926e1c5fbbafb09024cae0ffd695533.jpeg);
}

.video{
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Sombra */
}