/* ==========================================================
   KARE Core UI System v1.0
========================================================== */

:root{
    --kc-navy:#162033;
    --kc-text:#52637a;
    --kc-muted:#64748b;

    --kc-champagne:#d9a36a;
    --kc-champagne-soft:#fff7ed;

    --kc-sage:#8fbf9f;
    --kc-sage-soft:#eef4e8;

    --kc-white:#ffffff;
    --kc-line:rgba(15,23,42,.10);

    --kc-radius-sm:14px;
    --kc-radius-md:22px;
    --kc-radius-lg:34px;
    --kc-radius-pill:999px;

    --kc-shadow-soft:0 18px 48px rgba(15,23,42,.08);
    --kc-shadow-card:0 26px 74px rgba(15,23,42,.10);

    --kc-blur:blur(18px);
    --kc-transition:.30s ease;
}

/* Badge */

.kc-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:9px 20px;
    border-radius:var(--kc-radius-pill);
    background:var(--kc-champagne-soft);
    border:1px solid rgba(217,163,106,.35);
    color:#8a5a00;
    font-size:12px;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
}

/* Pills */

.kc-pill-row{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.kc-pill{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:var(--kc-radius-pill);
    background:rgba(255,255,255,.68);
    border:1px solid rgba(217,163,106,.25);
    color:#3d4b60;
    font-size:14px;
    font-weight:800;
    backdrop-filter:blur(10px);
    transition:var(--kc-transition);
}

.kc-pill:hover{
    transform:translateY(-2px);
    background:#ffffff;
    box-shadow:0 12px 28px rgba(15,23,42,.08);
}

/* Icon */

.kc-icon{
    width:26px;
    height:26px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#d9a36a,#b7794b);
    color:#ffffff;
    font-size:13px;
    font-weight:900;
    line-height:1;
    flex-shrink:0;
    box-shadow:0 8px 18px rgba(217,163,106,.26);
}

/* Glass Card */

.kc-glass{
    background:rgba(255,255,255,.82);
    border:1px solid rgba(255,255,255,.90);
    box-shadow:var(--kc-shadow-card);
    backdrop-filter:var(--kc-blur);
}

/* Buttons */

.kc-btn{
    min-height:54px;
    padding:0 32px;
    border-radius:var(--kc-radius-pill);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-decoration:none !important;
    font-weight:950;
    font-size:15px;
    transition:var(--kc-transition);
    white-space:nowrap;
}

.kc-btn:hover{
    transform:translateY(-3px);
}

.kc-btn-dark{
    background:var(--kc-navy);
    color:#ffffff !important;
    box-shadow:0 14px 34px rgba(22,32,51,.16);
}

.kc-btn-whatsapp{
    background:#2fbf71;
    color:#102017 !important;
    box-shadow:0 14px 34px rgba(47,191,113,.20);
}

/* Responsive */

@media(max-width:768px){
    .kc-pill-row{
        justify-content:center;
    }

    .kc-btn{
        width:100%;
    }
}