h1 {
      text-align: center;
      color: #2c3e50;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      background-color: #ffffff;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      overflow: hidden;
    }

    th, td {
      padding: 14px 18px;
      text-align: left;
    }

    th {
      background-color: #2d98da;
      color: white;
      font-size: 16px;
    }

    tr:nth-child(even) {
      background-color: #f0f8ff;
    }

    tr:hover {
      background-color: #e1f0ff;
      transition: background 0.3s ease;
    }

    a {
      color: #2c3e50;
      text-decoration: none;
      font-weight: bold;
    }

    a:hover {
      color: #2980b9;
      text-decoration: underline;
    }

    .coordenada {
      cursor: pointer;
      user-select: none;
      color: #0d6efd;
    }

    .copiado {
      color: green;
      font-size: 12px;
      display: none;
    }

    @media (max-width: 768px) {
      table, thead, tbody, th, td, tr {
        display: block;
      }

      th {
        position: sticky;
        top: 0;
        background: #2980b9;
      }

      td {
        padding-left: 50%;
        position: relative;
      }

      td::before {
        content: attr(data-label);
        position: absolute;
        left: 18px;
        font-weight: bold;
        
      }

      .tabla a{
        padding: 0;
      }
    }