/* ==========================================================================
   PONTOTEL CARDS
   ========================================================================== */

.pt-card {
    /* Layout */
    padding: var(--spacing-xl);
    /* 32px */

    /* Shape */
    background: var(--color-bg-primary);
    /* #FFFFFF */
    border-radius: var(--border-radius-lg);
    /* 16px */
    border: 1px solid var(--color-gray-200);
    /* Subtle border */

    /* Elevation */
    box-shadow: var(--shadow-sm);
    /* 0 2px 4px rgba(0,0,0,0.06) */

    /* Interaction */
    transition: all 0.3s ease;
}

.pt-card:hover {
    box-shadow: var(--shadow-lg);
    /* 0 8px 24px rgba(0,0,0,0.12) */
    transform: translateY(-4px);
    border-color: var(--color-gray-300);
}

/* Highlighted Card */
.pt-card-highlight {
    border-color: var(--color-pontotel-yellow);
    border-width: 2px;
}

/* Interactive Card */
.pt-card-interactive {
    cursor: pointer;
}

.pt-card-interactive:hover {
    border-color: var(--color-pontotel-purple);
    box-shadow: 0 8px 24px rgba(121, 57, 125, 0.15);
}