:root {
            --magenta-dark: #ec008c;
            --magenta-ligth: rgb(240, 59, 168);
            --indigo-dark: #30336b;
            --indigo-ligth: rgb(69, 73, 153);
            --gray-ligth: #f4f6f7;
            --black-ligth: #1a1a1a;
        }

        .bg-indigo-dark {
            background-color: var(--indigo-dark);
            color: white;
        }

        .bg-indigo-dark:hover {
            background-color: var(--indigo-ligth);
            color: var(--gray-ligth);
        }

        .subTitle {
            color: var(--indigo-dark);
        }

        /* Ajuste del formulario */
        .container {
            margin-top: 80px;
            /* Separación para evitar que el header lo tape */
            margin-bottom: 60px;
            /* Separación para evitar que el footer lo tape */
        }

        /* Estilos para el header y footer */
        .header {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

        .header img,
        .footer img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Mantiene proporciones sin distorsionar */
        }

        .contenedor-sombra {
            background: white;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
            padding: 20px;
            border-radius: 8px;
        }