.intro {
    position: relative;
    padding: 50px 20%;
    background: #E0E1DD;
    text-align: center;
    font-size: 20px;
}

.contacta {
    position: relative;
    padding: 50px;
    background: #415A77;
    text-align: center;
}

.contacta a {
    display: inline-block; /* Asegura que se comporte como un botón */
    border: 2px solid #1B263B; /* Cambia el color del borde */
    padding: 15px 50px; /* Reduce un poco el relleno para un diseño más compacto */
    color: #1B263B; /* Color de texto azul */
    background: #FFFFFF; /* Fondo blanco */
    text-decoration: none; /* Sin subrayado */
    font-size: 18px; /* Tamaño de fuente más ajustado */
    font-weight: bold; /* Negrita para mejor legibilidad */
    transition: all 0.3s ease; /* Transición suave en hover */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

.contacta a:hover {
    background: #1B263B; /* Fondo azul al pasar el mouse */
    color: #FFFFFF; /* Texto blanco */
    border-color: #1B263B; /* Cambia ligeramente el color del borde */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Incrementa la sombra */
}

.frame {
    position: relative;
    background: #E0E1DD;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.frame iframe {
    margin-left: 33%;
}