/* ── Lake Como Passport – Frontend table ─────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

.lcp-wrap {
    font-family: 'Lato', sans-serif;
    max-width: 820px;
    margin: 0 auto;
    padding: 0 16px;
}

.lcp-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 80, 120, .09);
}

.lcp-table thead tr   { background: #1a5276; }
.lcp-table thead th   {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: .75rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #d6eaf8;
    padding: 14px 18px;
    text-align: left;
}
.lcp-table thead th:last-child { text-align: center; }

.lcp-table tbody tr {
    border-bottom: 1px solid #eaf2f8;
    transition: background .18s;
}
.lcp-table tbody tr:last-child  { border-bottom: none; }
.lcp-table tbody tr:hover       { background: #eaf4fb; }

.lcp-table tbody td {
    padding: 13px 18px;
    font-size: .93rem;
    color: #1c2833;
    vertical-align: middle;
}

.lcp-city {
    font-weight: 700;
    color: #1a5276;
    font-size: .82rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.lcp-col-btn { text-align: center; }

.lcp-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #1a5276;
    color: #fff !important;
    text-decoration: none !important;
    font-family: 'Lato', sans-serif;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 20px;
    transition: background .18s, transform .15s;
    white-space: nowrap;
}
.lcp-btn:hover {
    background: #117a8b;
    transform: translateY(-1px);
}
.lcp-btn svg { flex-shrink: 0; }

/* ── Responsive: card layout on mobile ── */
@media (max-width: 600px) {
    .lcp-wrap                  { padding: 0 8px; }
    .lcp-table thead th        { font-size: .65rem; padding: 10px 8px; }
    .lcp-table tbody td        { padding: 10px 8px; font-size: .82rem; }
    .lcp-city                  { font-size: .72rem; }
    .lcp-btn                   { padding: 6px 10px; font-size: .68rem; gap: 4px; }
    .lcp-btn svg               { width: 10px; height: 10px; }
}