/* Landing pública ("/") — tema claro, para que las tarjetas de planes
   reutilizadas de plans/_plan-cards.blade.php (blancas, pensadas para el
   Bootstrap admin claro) contrasten bien en vez de perderse contra un fondo
   oscuro. */

body.landing {
    background: #f7f8fa;
    color: #212529;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.landing-navbar {
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(6px);
    border-bottom: 1px solid #e9ecef;
}

.landing-brand {
    font-weight: 700;
    color: #212529;
    letter-spacing: .01em;
}

.landing-hero {
    padding: 5rem 0 4rem;
    background:
        radial-gradient(circle at 15% 20%, rgba(102,126,234,.12), transparent 45%),
        radial-gradient(circle at 85% 10%, rgba(118,75,162,.10), transparent 40%);
}

.landing-hero h1 {
    font-weight: 800;
    font-size: 2.75rem;
    color: #1a1d23;
}

.landing-hero .lead {
    color: #5a6270;
    font-size: 1.15rem;
}

.landing-gradient-btn {
    background: linear-gradient(135deg, #667eea, #764ba2);
    border: none;
    color: #fff;
    font-weight: 600;
}

.landing-gradient-btn:hover {
    filter: brightness(1.08);
    color: #fff;
}

.landing-section {
    padding: 4rem 0;
}

.landing-section-alt {
    background: #eef0f4;
}

.landing-section h2 {
    color: #1a1d23;
    font-weight: 700;
}

.landing-section .text-muted-light {
    color: #6c757d !important;
}

.landing-feature-card {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: .75rem;
    padding: 1.75rem;
    height: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.landing-feature-card h6 {
    color: #1a1d23;
}

.landing-feature-card .icon {
    width: 48px;
    height: 48px;
    border-radius: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
}

.landing-footer {
    background: #fff;
    border-top: 1px solid #e9ecef;
    color: #6c757d;
    padding: 2rem 0;
}