@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/*Estilos generales para todos los proyectos*/
* {
    box-sizing: border-box; 
    font-family: 'Raleway';
  } 
  
  .table-rwd {
    font-size: .85em;
    /* border: 1px solid rgba(181, 213, 144, 0.5); */
    color: #4d4d4d; 
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto; }

  .table-rwd td, .table-rwd th {
    padding: .8em;
    
  }

  .table-rwd th {
    background: #033f85;
    color: #fff;
    font-weight:bold;
    text-align: center;
  }

  .table-rwd td {
    text-align: center; 
  }

  .table-rwd td:first-of-type {
    text-align: left; 
  }

  .table-rwd td:first-of-type:before {
    content: ""; 
  }

  .table-rwd td:first-of-type:after {
    content: ""; 
  }

  .table-container {
    overflow-x: auto; 
  }
  
  .table-rwd {
    min-width: 800px; 
  }

  .table-rwd td:first-child {
    position: absolute;
    background: linear-gradient(130deg, #e5fff9,  #f8fff9);
    width: 15em;
    height: auto;
  }

  .table-rwd th:first-child {
    width: 15em; 
    height: auto;
  }

  /* .table-rwd tr:hover td:first-child {
    background: #033f85;
    color: #fff; 
  } */

  .table-rwd tr:nth-child(2) td:first-child {
    box-shadow: 0 -2.7em 0 -6px #033f85, -6px -2.7em 0 -6px #033f85; 
  }

  /* Ocultar el div en pantallas grandes */
  .mobile-only {
      display: none;
  }

  /* Mostrar el div en pantallas pequeñas */
  @media (max-width: 768px) {
      .mobile-only {
          display: block;
      }
  }