:root{
  --color-td-Table: #828282;
  --color-first-head:  #dbdbdb;
  --background-headModal: #d3a32b;
  --color-textHeadModal:black;
}
&[data-theme='light'] {
  --color-td-Table: #828282;
  --color-first-head:  #dbdbdb;
  --background-headModal: #d3a32b;
  --color-textHeadModal: black ;

}
&[data-theme='dark'] {
  --color-td-Table: var(--color-text-S360);
  --color-first-head: #494949;
  --background-headModal:#1f1f1f;
  --color-textHeadModal: #d1a33c ;
}

.headerModalSecondTable {
  position: relative;
  width: 100%;
  color: var(--color-text-S360);

  & span {
    position: absolute;

    &:first-child {
      left: 0;
    }
    &:last-child {
      right: 0;
    }
  }
}

#containerTableCalculos {
  & table {
      table-layout: fixed;
      border-spacing: 0;
      border-collapse: separate;
      border: 0.5px solid #ccc;
    & th {
      background-color:  var(--background-headModal);
      color:  var(--color-text-S360);
      font-size: var(--font-size-normal-S360);
      text-align: center;
    }

    & thead {
      & tr {
        & th:first-child{
          color: var(--color-textHeadModal);
          position: sticky;
          left: 0;
        }
      }
    }

    & tbody {
      & .tdVariable{
        font-weight: bold;
        border-left: 0.1px solid #ccc;
        position: sticky;
        left: 0;
        z-index: 1; /* Asegura que esté por encima */
        background: var(--background-S360);
      }

      & tr:first-child {
        background-color: var(--color-first-head);
        font-weight: bold;
        & td {
          color:  var(--color-text-S360);
          &:first-child {
            border-left: 0.1px solid #ccc;
            position: sticky;
            left: 0;
            z-index: 1; /* Asegura que esté por encima */
            background: var(--color-first-head);
          }
        }
      }
    }

    & td {
      font-size: var(--font-size-normal-S360);
      color: #828282;
    }

    & td, & th {
      border-bottom: 0.5px solid #ccc;
      padding: 2px 21px;
      text-align: center;
      color: var(--color-td-Table);
    }

    &.estadistica{
      min-width: 200px !important;
    }
  }
}