._main_jq00x_1{
    padding: 24px 24px 12.5px;
    display: flex;
    justify-content: space-between;
    align-items : center;
    background-color: transparent;
}

._bloqueIzquierda_jq00x_9{
    display: flex;
    align-items: center;
    font-size: 2.5em;
}

._arrowBack_jq00x_15{
    font-weight: bold;
    cursor: pointer;
}

._pageName_jq00x_20{
    padding-left: .35em;
    font-size: 14px;
    font-weight: 500;
}

._dropdownOptions_jq00x_26 {
    display: none;
    position: absolute;
    background-color: var(--white);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 102;
    float: right;
    top: 54px;
    right: 36px;
}
  
._dropdownOptions_jq00x_26 div {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
}

._dropdownOptions_jq00x_26 div:hover {background-color: var(--ligthgray);}

._show_jq00x_49 {display:block;}._main_gthjg_1{
    font-size: .9em;
    color : var(--gray);
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
    margin-top: 115px;
}

._main_gthjg_1 svg{
    font-size: 4.25em;
}._inputformContainer_1jr94_1{
    position: relative;
    padding-top: 10px;
}

._inputformIcon_1jr94_6{
    color: var(--secondary);
    position: absolute;
    left: 12px;
    top: 50%;
    font-size: 22px;
    transform: translateY(-40%);
}

._inputformInput_1jr94_15{
    width: calc(98%);
    border-radius: 2.5px;
    height: 42px;
    margin: 0;
    color: var(--primary);
    box-shadow: 3px 2px 5px 0px var(--gray);
    border-radius: 10px;
    text-align: center;
    border-color: #f9f0f0;
    border: 0;
}

._inputformInput_1jr94_15::placeholder {
    --font-weight: bold;
    --opacity: 0.5;
    --color: var(--semiblack);
  }

  input:disabled {
    background-color: #e9ecef; /* Light grey background */
    color: #6c757d; /* Dark grey text color */
    border: 1px solid #ced4da; /* Light grey border */
    cursor: not-allowed; /* Change cursor to indicate disabled state */
    opacity: 0.7; /* Reduce opacity for a faded look */
  }
  

._inputformInput_1jr94_15:focus-visible{
    --box-shadow: -3px 0px 5px 0px var(--gray);
   outline: none;
}

._inputformInputError_1jr94_48{
    border: 2px solid red;
    color: red;
    background-color: #f9f0f0;
}

._inputformInputReadonly_1jr94_54{
    border: 2px solid #cecece;
    --background-color: #ececec;
}

._inputformClear_1jr94_59 {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    right: -6px; 
    transform: translateY(-50%);
    background: none;
    border: none;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: var(--secondary);
    transition: color 250ms;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  
._inputformInput_1jr94_15:placeholder-shown + ._inputformClear_1jr94_59 {
    display: none;
}

._floating_1jr94_84 {
    position: relative;
  }
    
    label {
      --color: #999;
      font-size: 14px;
      font-weight: normal;
      position: absolute;
      pointer-events: none;
      left: 5px;
      top: 20px;
      transition: 0.2s ease all;
      -moz-transition: 0.2s ease all;
      -webkit-transition: 0.2s ease all;
      text-align: center;
    }._buttonForm_tnzqb_1{
    height: 48px;
    padding: 12px;
    font-weight: 500;
    border-radius: 5px;
    font-size: 1rem;
    border: 0px;
    width: 90%;
    margin: 12px auto;
    color: white;
    background-color: var(--secondary);
}

._buttonForm_tnzqb_1:hover, ._buttonForm_tnzqb_1:active{
    opacity: .8;
}

._buttonForm_tnzqb_1:disabled,
._buttonForm_tnzqb_1[disabled]{
    border: 1px solid #999999;
    background-color: #cccccc !important;
    color: #666666;
}._main_shif3_1{
    border: .8px solid var(--lightgray);
}._blockConexionOnline_gow0d_1{
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px
}

._backDrop_gow0d_14{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    background-color: black;
}

img {
    width: 75px;
    z-index: 101;
}

._barLoader_gow0d_27{
    z-index: 101;
    background-color: var(--white);
    width: 150px;
    border-radius: 1em;
    height: 10px;
}

._barLoaderColored_gow0d_35{
    z-index: 101;
    background-color: var(--terciary);
    width: 0%;
    border-radius: 1em;
    height: 10px;
    transition: width 1s;
}

._label_gow0d_44{
    font-size: .9em;
    color: var(--white);
    z-index: 101;
}/* The container */
._main_1sh3s_2 {
    display: flex;
    position: relative;
    padding-left: 35px;
    margin-bottom: 6px;
    cursor: pointer;
    pointer-events: auto;
    height: 26px;
    align-items: center;
    margin-top: 6px;
  }
  
  /* Hide the browser's default checkbox */
  ._main_1sh3s_2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  ._checkMark_1sh3s_25 {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--lightgray);
  }
  
  /* On mouse-over, add a grey background color */
  ._main_1sh3s_2:hover input ~ ._checkMark_1sh3s_25 {
    background-color: var(--semiblack);
  }
  
  /* When the checkbox is checked, add a blue background */
  ._main_1sh3s_2 input:checked ~ ._checkMark_1sh3s_25 {
    background-color: var(--secondary);
  }
  
  /* Create the checkMark/indicator (hidden when not checked) */
  ._checkMark_1sh3s_25:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkMark when checked */
  ._main_1sh3s_2 input:checked ~ ._checkMark_1sh3s_25:after {
    display: block;
  }
  
  /* Style the checkMark/indicator */
  ._main_1sh3s_2 ._checkMark_1sh3s_25:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid var(--white);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }._floating_xlr0u_1 {
    position: relative;
    margin-bottom: 5px;
  }
    
label {
    --color: #999;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 5px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  text-align: center;
}._main_eik3u_1{
    background-color: var(--primary);
}

._logoSuperior_eik3u_5 {
    text-align: center;
    padding-top: 2.5em;
}

._textoCentral_eik3u_10{
    font-weight: bold;
    color: white;
    font-size: 40px;
    margin-top: 1.75em;
    line-height: 1.15em;
    text-align: center;
    padding-left: 35px;
    padding-right: 35px;
}

._textoCentral_eik3u_10 p{
    margin-top: 0;
    margin-bottom: 0;
}

._textoCentral_eik3u_10 div{
    font-size: .3em;
    font-weight: 200;
}

._bloqueLogin_eik3u_31{
    position: absolute;
    top: 50%;
    bottom: 0px;
    background-color: var(--white);
    padding: 25px 45px 20px;
    text-align: center;
    left: 0;
    right: 0;
    border-radius: 2.5em 2.5em 0px 0px;
    padding-bottom: 35px;
}

select {
    width: 100%;
    border-radius: 2.5px;
    height: 40px;
    padding-left: 16px;
    color: var(--primary);
    box-shadow: 3px 2px 5px 0px var(--gray);
    border: 0;
    margin-top: 8px;
    margin-bottom: 8px;
}


._labelOlvideContrasena_eik3u_57{
    text-align: center;
    color: var(--terciary);
    font-weight: 600;
    padding-bottom: 6px;
    font-size: .9rem
}

._bloqueBotonera_eik3u_65{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

._buttonWhite_eik3u_71{
    padding: 16px;
    border: 0px;
    cursor: pointer;
    display: flex;
    gap: 10px;
    align-items: center;
    background: white;
    font-size: 1rem;
}

._buttonWhite_eik3u_71 svg{
    color: var(--secondary)
}

._buttonWhite_eik3u_71:hover, ._buttonWhite_eik3u_71:active{
    opacity: .8;
    color: var(--gray) !important;
}._main_nhd4c_1 {
    background-image: url("./splashscreen_1_small.62dd2421.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

._darkDrop_nhd4c_9{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .5;
}

._baseDrop_nhd4c_18{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

._logoSuperior_nhd4c_30{
    margin-top: 35px;
}

._textoCentral_nhd4c_34{
    font-weight: bold;
    color: white;
    font-size: 40px;
    padding-left: 2em;
    padding-right: 2em;
    line-height: 1.15em;
    text-align: center;
}

._cargandoInferior_nhd4c_44{
    margin-bottom: 1.5rem;
}
._bloqueUsuario_tfeea_1 {
    display: flex;
    justify-content: space-between;
    padding: 0px 10px 5px 15px;
    color: var(--white);
    margin-left: 32px;
    border-left: 2.5px solid var(--white);
    --margin-top: 16px;
    margin-right: 16px;;
}

._labelNombreUsuario_tfeea_12{
    max-width: 180px;
    font-size: 1.7em;
    font-weight: 300;
    line-height: 1.25em;
    text-transform: lowercase;
}

/* Pantallas pequeñas (móviles) - hasta 600px */
@media only screen and (max-width: 600px) {
    ._labelNombreUsuario_tfeea_12 {
      font-size:  1.4em;
    }
  }

/* Pantallas grandes (escritorios) - más de 900px */
@media only screen and (min-width: 901px) {
    ._my-div_tfeea_29 {
        font-size:  1.7em;
    }
  }

._bloqueImagenUsuario_tfeea_34{
    padding: 10px;
    background-color: var(--white);
    border-radius: 10em;
    border: 5px solid var(--gray);
    display: flex;
    margin: auto 0;
    width: 40px;
    height: 40px;
}

/* .bloqueImagenUsuario img {
    width: 100%;
} */._main_nxdh8_1 {
    background-color: var(--primary);
}

._bloqueFechas_nxdh8_5{
    position: absolute;
    top: 220px;
    bottom: 0px;
    background-color: white;
    padding: 25px 25px 30px;
    text-align: center;
    left: 0;
    right: 0;
    border-radius: 2.5em 2.5em 0px 0px;
}

._labelTitulo_nxdh8_17{
    color: var(--terciary);
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 10px;
}

._bloqueFechasLista_nxdh8_24{
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 46vh;
    overflow: scroll;
}

._bloqueFechasListaItem_nxdh8_33{
    list-style-type: none;
    border-radius: 2.5px;
    padding: 15px 45px;
    font-size: 1.1rem;
    color: var(--gray);
    box-shadow: 3px 2px 5px 2px var(--gray);
    border: 0;
}

._bloqueFechasListaItem_nxdh8_33._selected_nxdh8_43{
    background-color: var(--terciary);
    color: white;
}
._main_66fgf_1{
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: flex-start;
    color: var(--white);
    padding: 10px;
    margin: 10px 0px;
    margin-left: 0px;
    border-radius: 1em;
    gap: 12px;
    cursor: pointer;
    text-align: left;
    position: relative;
    font-size: .85em;
}

._icono_66fgf_18{
    background-color: var(--white);
    color: var(--primary);
    padding: 10px;
    border-radius: 5em;
    display: flex;
    align-items: center;
}

._rotuloSecundario_66fgf_27{
    font-weight: bold;
    font-size: 1.35em;
}

._chevronIcon_66fgf_32{
    right: 0;
    position: absolute;
    font-size: 2em;
    display: flex;
    align-items: center;
    margin-right: 5px;
}._main_rha55_1 {
   background-color: var(--primary);
}

._bloquePrincipal_rha55_5{
    position: absolute;
    top: 220px;
    bottom: 0;
    background-color: white;
    text-align: center;
    left: 0;
    right: 0;
    border-radius: 1.2em 1.2em 0px 0px;
    padding-top: 25px;
}

._bloqueContenido_rha55_17{
    position: absolute;
    top:50px;
    bottom: 0px;
    background-color: white;
    padding: 25px 25px 30px;
    text-align: center;
    left: 0;
    right: 0;
    border-radius: 2.5em 2.5em 0px 0px;
    height: calc(100vh -320px)
  }

._labelFechaTrabajo_rha55_30{
    font-size: 1.3em;
    font-weight: 600;
    color: var(--terciary)
}

._textoFechaTrabajo_rha55_36{
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: .5px solid var(--lightgray);
    border-bottom: .5px solid var(--lightgray);
    max-width: 150px;
    margin: 0 auto;
    color: var(--gray);
    font-size: .9em;
    letter-spacing: 2px;
}

._botonBorrar_rha55_48{
    background-color: var(--error);
    border: 0;
    color: var(--white);
    padding: 12px;
    width: 100%;
    max-width: 250px;
    border-radius: .5em;
    margin-top: 7.5px;
}

._botonBorrar_rha55_48:focus, ._botonBorrar_rha55_48:active, ._botonBorrar_rha55_48:hover{
    opacity: .8;
}
._footer_rha55_62 {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    padding: 10px;
    text-align: center;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  }

._botonEnviarDatos_rha55_72{    
  background-color: var(--terciary);
  color: white;
  padding: 15px 24px;
  margin-right: 30px;
  margin-left: 10px;
  width: 90%;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 3px 2px 5px 2px var(--gray);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: .25em;

}

._List_rha55_91{
  max-height: calc(100vh - 450px); /* Ajusta según necesidades */
  overflow-y: auto;
  margin-bottom: 20px;
  border-radius: 4px;
}

._responsiveList_rha55_98{
  list-style: none;
  padding: 0;
  margin: 0;
}
._list_rha55_103 ul li {
  position: relative;  
  color: #fce4ec;
  list-style: none;  
  transition: 0.5s;
}

@media (max-width: 768px) {
    ._list_rha55_103 {
      max-height: calc(100vh - 160px); /* Más espacio en móviles */
    }
    
  }




._main_1h7ek_1 {
    background-color: var(--white);
}

._bloqueContenido_1h7ek_5 {
    padding-top: 8px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    position: relative;
    height: 100vh -0px;
}

._bloqueFechaTrabajo_1h7ek_14 {
    background-color: var(--white);
    border-radius: 5px;
    color: var(--white);
    display: flex;
    padding: 5px 10px;
    gap: 22px;
    align-items: center;
    --box-shadow: 3px 2px 5px 2px var(--gray);
    margin-bottom: 16px;
}

._icono_1h7ek_26 {
    color: var(--white);
    font-size: 1.25em;
    background-color: var(--success);
    display: flex;
    align-items: center;
    padding: 6px;
    border-radius: 1em;
}

._bloqueFecha_1h7ek_14 {
    text-align: left;
    line-height: 1.35em;
}

._labelFecha_1h7ek_41 {
    color: var(--black)
}

._textoFecha_1h7ek_45 {
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: 3.5px;
    color: var(--terciary)
}

._bloqueRegistros_1h7ek_52 {
    position: relative;
    background-color: var(--white);
    border-radius: 5px;
    color: var(--white);
    --padding: 14px 16px;
    --box-shadow: 3px 2px 5px 2px var(--gray);
    min-height: calc(83vh - 80px);
    height: 5em;
    line-height: 1em;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid;
}

._botonAgregar_1h7ek_67 {
    z-index: 3;
    position: absolute;
    right: 35px;
    bottom: 12.5px;
    box-shadow: 3px 1px 5px 0px var(--gray);
    width: 56px;
    height: 56px;
    border-radius: 5em;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--success);
    border: 0;
}

._botonAgregar_1h7ek_67 svg {
    font-size: 2.5em;
}

._botonEnviarDatos_1h7ek_89 {
    position: absolute;
    bottom: 25px;
    left: 0px;
    right: 0px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 16px;
    border: 0;
    background-color: var(--terciary);
    font-size: 1em;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 3px 2px 5px 2px var(--gray);
    border-radius: .25em;
}._evaluationContainer_ss9bi_1 {
  padding-top:0;
  background-color: #f5f7fa;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

._evaluationAppbar_ss9bi_19 {
  background-color: white;
  color: black;
  font-weight: '600';
}

._evaluationContent_ss9bi_31 {  
  padding: 15px;
  background-color: white;
  margin: 10px;
  margin-top: 0;
  border-radius: 6px;
  box-shadow: 1px 2px 3px 1px var(--gray);
}
._inlineInfoGroup_ss9bi_47 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  --width: 50%;
}
._evaluationActions_ss9bi_59 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/* Encabezados compactos */
._evaluationHeader_ss9bi_79._compact_ss9bi_79 {
  margin: 10px 0 0px;
}

._evaluationHeader_ss9bi_79._compact_ss9bi_79 ._headerTitle_ss9bi_87 {
  display: flex;
  align-items: center;
 margin-bottom: 5px;
}

._headerTitleContainer_ss9bi_99 {
  display: flex;
  align-items: center;
}

._headerTitle_ss9bi_87 {
  margin: 0; /* Elimina el margen por defecto del h3 */
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  top: 0;
  color: #2c3e50;
}

/* Estilos para versión compacta */
._compact_ss9bi_79 ._headerTitle_ss9bi_87,
._compact_ss9bi_79 ._headerIcon_ss9bi_131 {
  font-size: 0.875rem;
  text-align: left;
}

._headerIcon_ss9bi_131 {
  margin-right: 5px;
  color: var(--primary);
  font-size: 15px;
  width: 15px;
  height: 15px
}

/* Filas de información compactas */
._infoRow_ss9bi_159 {
  display: inlineFlex;
  margin-left: 0;
  font-size: 12px;
  color: black;
  
}

._infoLabel_ss9bi_175 {
  --display: inlineFlex;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  
}

/* Sección compacta para agrupar headers */

._statusContainer_ss9bi_195 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._statusCounter_ss9bi_207 {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

._counterText_ss9bi_225 {
  font-size: 11px;
  color: #666;
  font-weight: 500;
}

._statusBadge_ss9bi_237 {
  display: flex;
  align-items: center;
  color: var(--white);
  background: var(--success);
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: background-color 0.3s;
}

._editButton_ss9bi_263 {
  display: flex;
  align-items: center;
  color: var(--white);
  background: var(--terciary);
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: background-color 0.3s;
}

._deleteButton_ss9bi_289 {
  display: flex;
  align-items: center;
  color: var(--white);
  background: var(--error);
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: background-color 0.3s;
}

._editButton_ss9bi_263:hover {
  background-color: #1565c0;
}










._main_15hb2_2 {
  height: 100vh;
}

._wrapper_15hb2_6 {
  display: grid; 
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

._bloqueContenido_15hb2_12{
    padding: 0;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    height: calc(100vh - 79px);
    overflow: auto;
}

._labelRegistroLabor_15hb2_21{
    margin: 8px 0px;
    text-align: left;
    font-size: 18px;
    color: var(--secondary)
}

select {
    text-align: center;
    width: 100%;
    border-radius: 10px;
    height: 45px;
    color: var(--primary);
    margin-bottom: 0px;
    box-shadow: 3px 2px 5px 0px var(--gray);
    --border: 0;
}

._bloqueRendimiento_15hb2_39{
  text-align: left;
  font-size: .85em;
  color: var(--secondary);
}

._bloqueItemsRendimiento_15hb2_45{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

}

._floating_15hb2_53 {
  position: relative;
  margin-bottom: 5px;
}
  
  label {
    --color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    text-align: center;
  }

  ._inputGroup_15hb2_72 {
    display: flex;
    width: 100%;
    gap: 10px;
  }
  
  ._inputField_15hb2_78 {
    width: 80%;
    padding: 10px;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
    outline: none;
  }
  
  ._addButton_15hb2_88 {
    width: 20%;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
  }
  
  ._addButton_15hb2_88:hover {
    background-color: #45a049;
  }
  
  ._icon_15hb2_106 {
    font-size: 20px;
    font-weight: bold;
  }

  ._botonAccion_15hb2_111{
    border: 0px;
    padding: 6px 12px;
    background-color: var(--white);
    border-radius: 1em;
    display: flex;
    align-items: center;
    gap: 2.5px;    
  }

  ._rowGrid_15hb2_121 {
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: 1rem; /* espacio entre los dos campos */
    align-items: end; /* alinea las etiquetas e inputs al fondo */
  }
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  ._main_lfuhz_1 {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
    -moz-transition: -moz-transform .25s, opacity 1ms .25s;
    transition: transform .25s, opacity 1ms .25s;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

._main_lfuhz_1._active_lfuhz_19{
    height: 100%;
    display: block;
    opacity: 1;
    -webkit-transition: -webkit-transform .25s;
    -moz-transition: -moz-transform .25s;
    transition: transform .25s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

._contenedor_lfuhz_31 {
    background-color: #fefefe;
    margin: 15% 20px;
    padding: 20px;
    border: 1px solid #888;
    height: calc(100% - 15%);
    overflow: hidden;
}

._cabecera_lfuhz_40 {
    padding: 10px 0px;
    position: relative;
}

._cabeceraTitulo_lfuhz_45{
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 1;
}

._botonCerrar_lfuhz_51 {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
}

._textoFiltro_lfuhz_60{
    width: 100%;
    border: 0;
    border-radius: .5em;
    padding-left: 16px;
    color: var(--primary);
    height: 38px;
    font-size: .95em;
    box-shadow: 3px 2px 5px 0px var(--gray);
    margin-top: 12px;
    margin-bottom: 12px;
}

._cuerpo_lfuhz_73 {
    overflow: auto;
    max-height: 70vh;
}

._bloqueLista_lfuhz_78 {
    margin: 0;
    border: none;
    font-size: .9em;
    background-color: transparent;
    padding-left: 0;
    list-style: none;
}

._bloqueLista_lfuhz_78 li {
    position: relative;
    border-bottom: 1px solid var(--gray);
    padding: 12.5px 65px 12.5px 10px;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
}

._bloqueLista_lfuhz_78 li:active, ._bloqueLista_lfuhz_78 li:focus {
    background-color : var(--lightgray)
}

._bloqueLista_lfuhz_78 li > a:not(._btn_lfuhz_99) {
    margin: -15px -65px -15px -10px;
}

._bloqueLista_lfuhz_78 li > a:not(._btn_lfuhz_99) {
    position: relative;
    display: block;
    padding: inherit;
    margin: -11px -65px -11px -15px;
    overflow: hidden;
    color: inherit;
}._botonAsignar_1sgdr_1 {
    border: 0px;
    background-color: var(--primary);
    color: var(--white);
    padding-left: 16px;
    padding-right: 16px;
    border-radius: .5em;
}

._botonAsignar_1sgdr_1:hover, ._botonAsignar_1sgdr_1:focus, ._botonAsignar_1sgdr_1:active{
    opacity: .7;
}

._bloqueContenido_1sgdr_14{
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    height: 100vh -10px;
}

._botoneraTop_1sgdr_21{
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

._botonAccion_1sgdr_27{
    border: 0px;
    padding: 6px 12px;
    background-color: var(--white);
    border-radius: 1em;
    display: flex;
    align-items: center;
    gap: 2.5px;
    
}

._botonAccion_1sgdr_27._editar_1sgdr_38{
    color: var(--white);
    background: var(--terciary);
    
}

._botonAccion_1sgdr_27._guardar_1sgdr_44{
    color: var(--white);
    background: var(--success);
}

._botonAccion_1sgdr_27:active{
    opacity: .8;
    color: var(--white);
}

._botonAccion_1sgdr_27._editar_1sgdr_38:active{
    background-color: var(--terciary);
}

._botonAccion_1sgdr_27._eliminar_1sgdr_58:active{
    background-color: var(--error);
}

._bloqueTop_1sgdr_62{
    text-align: left;
    box-shadow: 1px 2px 3px 1px var(--gray);
    border-radius: .5em;
    padding: 6px 16px;
    line-height: 1.25;
    margin-bottom: 16px;
    font-size: .85em;
    display: flex;
  flex-direction: column;
  text-align: left;
}

._bloqueInferior_1sgdr_75{
    order: 1;
}

._filaFlex_1sgdr_79{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._bloqueParams_1sgdr_85{
    border-radius: .75em;
    box-shadow: 3px 2px 5px 2px var(--gray);
    max-height: 65vh;
    height: 65vh;
}

._wrapper_1sgdr_92 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Crea 3 columnas de igual tamaño */
    --grid-template-rows: repeat(2, 100px); /* Crea 3 filas de altura fija de 100px */
    gap: 5px; /* Espacio entre las celdas */
    --margin: 0;
  }

._item_1sgdr_100 {
    --width:100%;
    background-color: #3498db;
    color: #fff;
    text-align: center;
    --padding: 20px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
  
  ._one_1sgdr_110 {
    grid-column: 1 / 2;
    margin: 0 !;
  }
  ._two_1sgdr_114 {
    grid-column: 2 / 3;
  }

._floating_1sgdr_118 {
    position: relative;
    margin-bottom: 5px;
  }

  ._bloqueBody_1sgdr_123{
    border-radius: .75em;
    box-shadow: 3px 2px 5px 2px var(--gray);
    max-height: 40.5vh;
    height: 40.5vh;
}

._tablaConteiner_1sgdr_130{
  width: 100%;
  overflow: hidden;
  margin: 2px;
  border-radius: 8px;
  --box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background: white;
}
    
table._scroll_1sgdr_139 {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto; /* Ancho mínimo para muchas columnas */    
}

table._scroll_1sgdr_139 tbody,
table._scroll_1sgdr_139 thead { 
  display: block;
  width: 100%;
  overflow-y: auto;
  max-height: 75vh;    
}

table._scroll_1sgdr_139 thead { 
    position: sticky;
  top: 0;
  background: #2c3e50;
  color: white;
  align-items: center;
  z-index: 10;
  width: 100%;
  table-layout: fixed;
}

input{
    width: 80%;
    border-radius: 2.5px;
    height: 20px;
    color: var(--primary);
    box-shadow: 3px 2px 5px 0px var(--gray);
    border-radius: 5px;
    border-color: #020202;
    text-align: center;
    align-items: center;
    color: black;
    border-color: #020202;
    border: 1px;
}

._textoFecha_1sgdr_179{
    font-weight: bold;
    font-size: 13;
    color: var(--terciary)
}

  @media (max-width: 640px) {
    table._croll_1sgdr_186 body {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
    }
    
    ._tableContainer_1sgdr_191 table {
      min-width: 500px; /* Ajusta según necesidad */
    }
  }


    ._evaluationContainer_64t1p_1 {
  padding-top:0;
  background-color: #f5f7fa;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  overflow-y: auto;
  max-height: calc(100vh - 100px);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

._evaluationAppbar_64t1p_21 {
  background-color: white;
  color: black;
  font-weight: '600';
}

._evaluationContent_64t1p_33 {  
  padding: 15px;
  background-color: white;
  margin: 10px;
  margin-top: 0;
  border-radius: 6px;
  box-shadow: 1px 2px 3px 1px var(--gray);
}
._inlineInfoGroup_64t1p_49 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  --width: 50%;
}
._evaluationActions_64t1p_61 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/* Encabezados compactos */
._evaluationHeader_64t1p_81._compact_64t1p_81 {
  margin: 10px 0 0px;
}

._evaluationHeader_64t1p_81._compact_64t1p_81 ._headerTitle_64t1p_89 {
  display: flex;
  align-items: center;
 margin-bottom: 5px;
}

._headerTitleContainer_64t1p_101 {
  display: flex;
  align-items: center;
}

._headerTitle_64t1p_89 {
  margin: 0; /* Elimina el margen por defecto del h3 */
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  top: 0;
  color: #2c3e50;
}

/* Estilos para versión compacta */
._compact_64t1p_81 ._headerTitle_64t1p_89,
._compact_64t1p_81 ._headerIcon_64t1p_133 {
  font-size: 0.875rem;
  text-align: left;
}

._headerIcon_64t1p_133 {
  margin-right: 5px;
  color: var(--primary);
  font-size: 15px;
  width: 15px;
  height: 15px
}

/* Filas de información compactas */
._infoRow_64t1p_161 {
  display: inlineFlex;
  --margin-left: 20px;
  font-size: 12px;
  
}

._infoLabel_64t1p_175 {
  display: inlineFlex;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}

/* Sección compacta para agrupar headers */

._statusBadge_64t1p_193 {
  background: white;
  color: var(--success);
}

._editButton_64t1p_203 {
  display: flex;
  align-items: center;
  color: var(--white);
  background: var(--success);
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: background-color 0.3s;
}

._editButton_64t1p_203:hover {
  background-color: #1565c0;
}

._infoValue_64t1p_237 {
  font-size: 12px;
}

._infoRow_64t1p_161._highlight_64t1p_245 ._infoValue_64t1p_237 {
  color: #e74c3c;
  font-weight: 600;
  font-size: 12px;
}

._evaluationResults_64t1p_257 {
  margin: 10px;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

._wrapper_64t1p_271 {
  display: grid; 
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}

._main_1f3x5_1 {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
}

._bloqueContenido_1f3x5_7 {
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._labelRegistroLabor_1f3x5_14 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #333;
  text-align: center;
}

._wrapper_1f3x5_22 {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

._buttonContainer_1f3x5_29 {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

._submitButton_1f3x5_35 {
  background-color: #4CAF50;
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}

._submitButton_1f3x5_35:hover {
  background-color: #45a049;
}

._main_1f3x5_1 {
  height: 100vh;
}

._wrapper_1f3x5_22 {
  display: grid; 
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 0;
}

._bloqueContenido_1f3x5_7{
    padding: 0;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    height: calc(100vh - 79px);
    overflow: auto;
}

._labelRegistroLabor_1f3x5_14{
    margin: 8px 0px;
    text-align: left;
    font-size: 18px;
    color: var(--secondary)
}

select {
    text-align: center;
    width: 100%;
    border-radius: 10px;
    height: 45px;
    color: var(--primary);
    margin-bottom: 0px;
    box-shadow: 3px 2px 5px 0px var(--gray);
    --border: 0;
}

._bloqueRendimiento_1f3x5_88{
  text-align: left;
  font-size: .85em;
  color: var(--secondary);
}

._bloqueItemsRendimiento_1f3x5_94{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

}

._floating_1f3x5_102 {
  position: relative;
  margin-bottom: 5px;
}
  
  label {
    --color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    text-align: center;
  }

  ._inputGroup_1f3x5_121 {
    display: flex;
    width: 100%;
    gap: 10px;
  }
  
  ._inputField_1f3x5_127 {
    width: 80%;
    padding: 10px;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
    outline: none;
  }
  
  ._addButton_1f3x5_137 {
    width: 20%;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
  }
  
  ._addButton_1f3x5_137:hover {
    background-color: #45a049;
  }
  
  ._icon_1f3x5_155 {
    font-size: 20px;
    font-weight: bold;
  }

  ._botonAccion_1f3x5_160{
    border: 0px;
    padding: 6px 12px;
    background-color: var(--white);
    border-radius: 1em;
    display: flex;
    align-items: center;
    gap: 2.5px;    
  }

  ._rowGrid_1f3x5_170 {
    display: grid;
    grid-template-columns: 8fr 4fr;
   gap: 1rem; /* espacio entre los dos campos */
    align-items: end; /* alinea las etiquetas e inputs al fondo */
  }
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  ._main_p28sp_1 {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

._bloqueContenido_p28sp_10 {
  background: white;
  padding: 20px;
  padding-right: 20px; /* Padding normal para el contenedor */
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

._headerInfo_p28sp_23 {
  margin-bottom: 10px;
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: 6px;
  border-left: 4px solid #007bff;
}

._headerInfo_p28sp_23 h3 {
  margin: 0 0 15px 0;
  color: #333;
  font-size: 18px;
}

._infoGrid_p28sp_37 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}

._infoGrid_p28sp_37 div {
  font-size: 14px;
  color: #555;
}

._addPersonSection_p28sp_48 {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #e8f5e8;
  border-radius: 6px;
  border-left: 4px solid #28a745;
}

._addPersonSection_p28sp_48 h3 {
  margin: 0 0 15px 0;
  color: #155724;
  font-size: 18px;
}

._addPersonRow_p28sp_62 {
  display: flex;
  gap: 10px;
  align-items: center;
}

._addPersonRow_p28sp_62 input {
  flex: 1;
}

._addPersonRow_p28sp_62 ._personInput_p28sp_72 {
  flex: 1;
}

._addPersonRow_p28sp_62 ._addButton_p28sp_76 {
  background-color: #28a745;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  min-width: 80px;
  justify-content: center;
}

._addButton_p28sp_76:hover {
  background-color: #218838;
}

._peopleList_p28sp_95 {
  margin-bottom: 30px;
}

._peopleList_p28sp_95 h3 {
  margin: 0 0 5px 0;
  color: #333;
  font-size: 10px;
}

._noPeople_p28sp_105 {
  text-align: center;
  color: #666;
  font-style: italic;
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: 4px;
}

._tableContainer_p28sp_114 {
  overflow-x: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
}

._higieneTable_p28sp_120 {
  width: 100%;
  border-collapse: collapse;
  min-width: 1000px;
}

._higieneTable_p28sp_120 th {
  color: black;
  padding: 8px;
  text-align: center;
  font-size: 12px;
  border: 1px solid #ddd;
}

._higieneTable_p28sp_120 td {
  padding: 8px;
  text-align: center;
  border: 1px solid #ddd;
  font-size: 12px;
}

._practicaHeader_p28sp_141 {
  min-width: 80px;
}

._practicaText_p28sp_145 {
  font-weight: bold;
  font-size: 11px;
}

._practicaSubtext_p28sp_150 {
  font-size: 10px;
  font-weight: normal;
  margin-top: 2px;
}

._personName_p28sp_156 {
  text-align: left !important;
  /*font-weight: 500;*/
  max-width: 20px !important;
  /*white-space: nowrap;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
}

._checkboxCell_p28sp_165 {
  width: 50px;
}

._practicaCheckbox_p28sp_169 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--primary);
}

._actionsCell_p28sp_176 {
  width: 60px;
}

._deleteButton_p28sp_180 {
  background-color: #dc3545;
  color: white;
  border: none;
  padding: 6px 10px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}

._deleteButton_p28sp_180:hover {
  background-color: #c82333;
}

._saveContainer_p28sp_194 {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

._saveButton_p28sp_200 {
  background-color: #007bff;
  color: white;
  padding: 12px 30px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}

/* Edit buttons */
._editButtons_p28sp_212 {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

._editButton_p28sp_212 {
  background-color: var(--primary);
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}

._editButton_p28sp_212:hover {
  background-color: var(--primary-dark);
}

/* Practices grid for editing */
._practicesGrid_p28sp_237 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  margin: 10px 0;
}

._practiceItem_p28sp_244 {
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #dee2e6;
  min-height: 40px;
  flex-wrap: wrap;
}

._practiceItem_p28sp_244 input {
  margin-right: 4px;
  flex-shrink: 0;
}

._practiceItem_p28sp_244 label {
  font-size: 14px;
  cursor: pointer;
  color: #333;
  font-weight: 500;
  line-height: 1.2;
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
}

/* Personas list */
._personasList_p28sp_272 {
  margin-top: 20px;
  flex: 1;
  overflow-y: visible;
  padding-right: 10px; /* Padding solo para la lista */
}

/* Scrollbar styles for main container */
._bloqueContenido_p28sp_10::-webkit-scrollbar {
  width: 8px;
}

._bloqueContenido_p28sp_10::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

._bloqueContenido_p28sp_10::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

._bloqueContenido_p28sp_10::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

._personaCard_p28sp_298 {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: box-shadow 0.2s ease;
}

._personaCard_p28sp_298:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._personaInfo_p28sp_314 {
  flex: 1;
}

._personaNombre_p28sp_318 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}

._personaDocumento_p28sp_325 {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
}

._personaActions_p28sp_331 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

._percentageBadge_p28sp_338 {
  background-color: var(--primary);
  color: white;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  min-width: 60px;
}

._percentageBadge_p28sp_338._low_p28sp_349 {
  background-color: #dc3545;
}

._percentageBadge_p28sp_338._medium_p28sp_353 {
  background-color: #ffc107;
  color: #333;
}

._percentageBadge_p28sp_338._high_p28sp_358 {
  background-color: #28a745;
}

._actionButtons_p28sp_362 {
  display: flex;
  gap: 8px;
}

._actionButton_p28sp_362 {
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s ease;
}

._editButton_p28sp_212 {
  background-color: #007bff;
  color: white;
}

._editButton_p28sp_212:hover {
  background-color: #0056b3;
}

._deleteButton_p28sp_180 {
  background-color: #dc3545;
  color: white;
}

._deleteButton_p28sp_180:hover {
  background-color: #c82333;
}

/* Modal styles */
._modalOverlay_p28sp_395 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

._modalContent_p28sp_408 {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  max-width: 800px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
}

._modalHeader_p28sp_418 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #dee2e6;
}

._modalHeader_p28sp_418 h3 {
  margin: 0;
  color: var(--primary);
}

._closeButton_p28sp_431 {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #6c757d;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._closeButton_p28sp_431:hover {
  color: #dc3545;
}

._modalBody_p28sp_449 {
  padding: 20px;
}

._modalBody_p28sp_449 p {
  margin-bottom: 15px;
  color: #495057;
}

._modalFooter_p28sp_458 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 20px;
  border-top: 1px solid #dee2e6;
  background-color: #f8f9fa;
}

/* Percentage badge */
._percentageCell_p28sp_468 {
  text-align: center;
  font-weight: bold;
}

._percentageBadge_p28sp_338 {
  background-color: var(--primary);
  color: white;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: bold;
}

._saveButton_p28sp_200:hover {
  background-color: #0056b3;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  ._infoGrid_p28sp_37 {
    grid-template-columns: 1fr;
  }
  
  ._addPersonRow_p28sp_62 {
    flex-direction: column;
  }
  
  ._addPersonRow_p28sp_62 input {
    width: 100%;
  }
  
  ._tableContainer_p28sp_114 {
    font-size: 10px;
  }
  
  ._higieneTable_p28sp_120 th,
  ._higieneTable_p28sp_120 td {
    padding: 4px;
    font-size: 10px;
  }
  
  ._practicaHeader_p28sp_141 {
    min-width: 60px;
  }
  
}
:root {
  --primary: #123818;
  --secondary: #008232;
  --terciary: #BF5606;
  --gray: #808080;
  --lightgray: #E6E6E6;
  --black: #000;
  --semiblack: #B3B3B3;
  --white: white;
  --error: #d62929;
  --success: #008232;
  --lighterror: #261c1c;

  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;


  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;

  -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
  -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}

@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"),
  url("./Montserrat-Light.50d1b7a9.ttf") format("truetype");
  
}

@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"),
  url("./Montserrat-Regular.dc1cecac.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat";
  src: local("MontserratBold"),
   url("./Montserrat-Bold.5cb4e038.ttf") format("truetype");
  font-weight: bold;
}

body {
  font-family: "Montserrat" !important;
  margin: 0;
  place-items: center;
  min-width: 500px;
  overflow: hidden;
}

button{
  font-family: "Montserrat" !important;
}

.container{
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.page {
  position: relative;
  height: 100vh;
}