/* General styles for the form */
#form-trabajaconnosotros {
    max-width: 90%;
    margin: auto;
    padding: 20px;
    border: none;
}

/* Styles for the input fields */
#form-trabajaconnosotros .form-control {
    margin-bottom: 15px;
    color: #000000;
    border: 2px solid #000000;
}

#form-trabajaconnosotros .form-group label {
    display: block;
}

/* Styles for the email and phone row */
#form-trabajaconnosotros .form-row {
    display: flex;
    justify-content: space-between;
}

#form-trabajaconnosotros .form-row .form-group {
    flex: 1;
    margin-right: 10px;
}

#form-trabajaconnosotros .form-row .form-group:last-child {
    margin-right: 0;
}

/* Styles for the comments field */
#ComentariosTrabajacon {
    height: 100px;
}

/* Styles for the terms and conditions label */
#form-trabajaconnosotros .form-check-label a {
    color: rgba(55, 0, 255, 0.961);
    text-decoration: none;
}

#form-trabajaconnosotros .form-check-label a:hover {
    text-decoration: underline;
}

/* Styles for the submit button */
#form-trabajaconnosotros .btn-danger {
    background-color: rgb(11, 48, 215);
    border-color: rgb(11, 48, 215);
    margin-top: 10px;
    font-weight: bold;
}

#form-trabajaconnosotros .btn-danger:hover {
    background-color: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
}

#form-trabajaconnosotros .form-group label,
#form-trabajaconnosotros .form-check-label {
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
}

/* Mobile version adjustments */
@media (max-width: 768px) {
    #form-trabajaconnosotros .form-row {
        display: block;
    }

    #form-trabajaconnosotros .form-row .form-group {
        margin-right: 0;
        margin-bottom: 15px;
    }

    /*caja de idiomas */
    .form-group .row .col-md-4,
    .form-group .row .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 769px) {

    .form-group .row .col-md-4,
    .form-group .row .col-sm-6 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}
.languageText {
    margin-left: 10px;
    display: none; /* Initially hidden */
}

/* Ensure the label and its associated input elements are in the same line */
label {
    margin-right: 10px; /* Space between checkbox and label */
}

/* Adjust alignment for better display */

.checkbox-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Espacio entre los checkboxes */
}

.checkbox-item {
    display: flex;
    align-items: center; /* Alinea el checkbox y el texto verticalmente */
    width: calc(33.33% - 10px); /* Ancho para dos filas de tres en pantallas grandes */
    box-sizing: border-box; /* Incluye el padding y border en el width */
}

.checkbox-item input[type="checkbox"] {
    margin-right: 1rem; /* Espacio entre el checkbox y el texto */
    margin-top: -0.8rem; /*Alineacion entre checkbox y texto */
}

/* Estilos responsivos para pantallas medianas */
@media (max-width: 1024px) {
    .checkbox-item {
        width: calc(50% - 10px); /* Dos elementos por fila en pantallas medianas */
    }
}

/* Estilos responsivos para pantallas pequeñas */
@media (max-width: 768px) {
    .checkbox-item {
        width: calc(100% - 10px); /* Un elemento por fila en pantallas pequeñas */
    }
}

.checkbox-item label {
    cursor: pointer; /* Asegura que el cursor cambie cuando pase sobre la etiqueta */
}

.link-text {
    color: rgba(55, 0, 255, 0.961);
    font-style: normal;
    font-weight: bold;
}

.form-check-label{
    text-align: justify;
    font-size: small;
    margin-left: 1rem; 
    margin-top: -0.3rem; 
    font-weight: 100 !important;
}