/* ------- Estilos generales ------- */
.pss-container {
  width: 37rem;
  margin: 1rem auto;
}

.pss-vspace {
  margin: 0.55rem 0;
}

.pss-warning {
  color: maroon !important;
}

.pss-centered {
  text-align: center !important;
}

.pss-right {
  text-align: right !important;
}

.pss-total {
  background-color: #ACCDE3;
}

.pss-bold {
  font-weight: bold;
}

.pss-margin {
  margin: 0 0.01rem;
}


/* ------- Estilos responsivos para teléfonos -------- */
@media (max-width: 768px) {

  /* Adaptar el contenedor al ancho del teléfono */
  .pss-container {
    width: 100% !important;
    margin: 0;
    padding: 0 1rem;
  }

  /* Tablas responsivas con scroll horizontal */
  table.ui.table {
    font-size: 0.9rem;
    display: block;
    width: 100% !important;
    overflow-x: auto;
    white-space: nowrap;
  }

  /* CORRECCIÓN PRINCIPAL → los labels ya no usarán 30rem o 26rem */
  label {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: left;
    font-size: 0.9rem;
    white-space: normal !important; /* permite saltos de línea */
  }
}