body {
    background-image: url('../imagenes/fondo.png');
    /* Cambia la ruta a tu imagen */
    background-size: cover;
    /* Ajusta la imagen para que cubra todo el contenedor */
    background-position: center;
    /* Centra la imagen */
    height: 100vh;
    /* Ocupa el 100% de la altura de la ventana */
    display: flex;
    /* Para centrar el contenido */
    flex-direction: column;
    /* Coloca los elementos en columna */
    justify-content: center;
    /* Centra verticalmente */
    align-items: center;
    /* Centra horizontalmente */
}

.card-registro {
    border-radius: none;
}

.card-registro .card-header {
    background-color: white;
    padding: 10px;
}

.card-registro .card-header .row .col-3 {
    display: flex;
    align-items: center;
}

.card-registro .card-header .row .col-12 h3 {
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
}

.card-registro .card-header .row .col-6 {
    display: flex;
    align-items: center;
}

.card-registro .card-header .row .col-6 p,
.card-registro .card-header .row .col-12 p {
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-align: center;
}

.card-registro .card-body .form-group input,
.card-registro .card-body .form-group select {
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    background: none;
    border-bottom: solid 1px lightgray;
    border-radius: 0;
}

.card-registro .card-body .form-group input:focus,
.card-registro .card-body .form-group select:focus {
    border-bottom: 1px solid #4CAF50;
    /* Cambiado a verde */
    outline: none;
    box-shadow: inset 0 -3px rgba(76, 175, 80, 0.5);
    /* Sombra en verde */
}


.card-registro .card-body .form-group label,
.card-registro .card-body .form-group input,
.card-registro .card-body .form-group select {
    font-weight: normal !important;
    letter-spacing: 1px;
    font-size: 14px;
}


.card-registro .card-body .input-group input {
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    background: none;
    border-bottom: solid 1px lightgray;
    border-radius: 0;
}

.card-registro .card-body .input-group input:focus {
    border-bottom: 1px solid #4CAF50;
    /* Cambiado a verde */
    outline: none;
    box-shadow: inset 0 -3px 3px rgba(76, 175, 80, 0.5);
    /* Sombra en verde */
}


.card-registro .card-body .input-group label,
.card-registro .card-body .input-group input,
.card-registro .card-body .input-group select {
    font-weight: normal !important;
    letter-spacing: 1px;
    font-size: 14px;
}

.card_header_rehistro_movil {
    display: none;
}

@media (max-width: 950px) {
    .card_header_rehistro {
        display: none;
    }

    .card_header_rehistro_movil {
        display: block !important;
    }
}