:root {
    --bg: #050505;
    --surface: #0e0e0e;
    --surface-2: #141414;
    --line: #2b2417;
    --line-soft: #1d1a14;
    --text: #f6f1e7;
    --muted: #a39a8d;
    --muted-2: #746d63;
    --gold: #d6a52c;
    --gold-2: #f1cf70;
    --gold-3: #9f7518;
    --green: #45b97c;
    --danger: #ef6262;
    --shadow: 0 18px 48px rgba(0,0,0,.38);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--bg); }
body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 50% -10%, rgba(214,165,44,.12), transparent 28%),
        radial-gradient(circle at 100% 25%, rgba(214,165,44,.04), transparent 24%),
        linear-gradient(180deg,#030303 0%,#070707 48%,#030303 100%);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    padding: 20px 16px 46px;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.01) 1px, transparent 1px);
    background-size: 30px 30px;
    mask-image: linear-gradient(to bottom, black, transparent 78%);
}
button, input { font: inherit; }
button { cursor: pointer; }
button:disabled { opacity: .62; cursor: not-allowed; }
.hidden { display: none !important; }

.app-container { width: min(100%, 520px); margin: 0 auto; position: relative; z-index: 1; }
.header { position: relative; display: flex; justify-content: center; align-items: center; padding: 8px 0 16px; }
.app-logo {
    width: 265px;
    height: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 14px 30px rgba(0,0,0,.62)) drop-shadow(0 0 12px rgba(214,165,44,.08));
}
.icon-btn { border: 0; background: transparent; }
.refresh-icon {
    position: absolute; right: 1px; top: 14px; width: 42px; height: 42px; border-radius: 50%;
    background: rgba(13,13,13,.92); border: 1px solid var(--line); color: var(--muted); font-size: 17px;
    transition: .2s ease;
}
.refresh-icon:hover { border-color: var(--gold-3); color: var(--gold-2); }
.refresh-icon.spinning i { animation: girar .6s linear infinite; }
@keyframes girar { to { transform: rotate(360deg); } }

.hero { text-align: center; padding: 14px 14px 30px; }
.eyebrow { color: var(--gold-2); font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.hero h1 { font-size: 30px; line-height: 1.08; letter-spacing: -.035em; margin: 10px 0 12px; color: #fffaf1; }
.hero p { color: var(--muted); font-size: 15px; line-height: 1.6; max-width: 420px; margin: 0 auto; }

.card {
    background: linear-gradient(180deg, rgba(18,18,18,.98), rgba(10,10,10,.98));
    border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); margin-bottom: 16px;
    position: relative; overflow: hidden;
}
.card::before {
    content: ""; position: absolute; left: 0; top: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(214,165,44,.24), transparent);
}
.monitor-section { padding: 22px; }
.monitor-header { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; }
.monitor-header h2 { font-size: 16px; font-weight: 900; }
.monitor-header p { color: var(--muted); font-size: 12px; margin-top: 2px; }
.section-icon {
    width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center;
    background: rgba(214,165,44,.08); color: var(--gold-2); flex: 0 0 auto; border: 1px solid rgba(214,165,44,.14);
}
.tag-icon { color: var(--gold-2); background: rgba(214,165,44,.10); }
.monitor-controls { display: flex; gap: 10px; }
input[type="text"] {
    flex: 1; min-width: 0; height: 54px; border-radius: 15px; background: #080808; border: 1px solid #31291b;
    color: var(--text); padding: 0 16px; font-size: 15px; outline: none;
}
input[type="text"]:focus { border-color: var(--gold-3); box-shadow: 0 0 0 3px rgba(214,165,44,.10); }
input[type="text"]::placeholder { color: #918877; }
.blue-btn {
    width: 56px; border: 1px solid rgba(241,207,112,.7); border-radius: 15px;
    background: linear-gradient(180deg,#f1cf70,#c99522); color: #0a0a0a; font-size: 21px;
    box-shadow: 0 8px 22px rgba(201,149,34,.22);
}
.input-help { color: #80786d; font-size: 12px; line-height: 1.5; margin-top: 11px; }
.input-help strong { color: #c8bba4; }

.radar-section { padding: 20px; border-left: 5px solid var(--gold); }
.radar-section.radar-active { border-left-color: #2f8d64; }
.radar-section.radar-warning { border-left-color: var(--gold); }
.radar-content { display: flex; align-items: center; gap: 14px; }
.radar-icon-wrap { width: 50px; height: 50px; border-radius: 15px; display: grid; place-items: center; background: rgba(214,165,44,.10); flex: 0 0 auto; border: 1px solid rgba(214,165,44,.14); }
.radar-icon { font-size: 23px; color: var(--gold-2); }
.radar-active .radar-icon-wrap { background: rgba(69,185,124,.07); border-color: rgba(69,185,124,.12); }
.radar-active .radar-icon { color: #63c596; }
.radar-warning .radar-icon-wrap { background: rgba(214,165,44,.10); }
.radar-warning .radar-icon { color: var(--gold-2); }
.radar-text-area h3 { font-size: 18px; margin-bottom: 4px; color: #fffaf1; }
.radar-text-area p { color: var(--muted); font-size: 13px; line-height: 1.45; }
.orange-btn, .secondary-btn, .dark-btn {
    width: 100%; min-height: 50px; border-radius: 14px; border: 0; font-size: 14px; font-weight: 900;
    display: flex; align-items: center; justify-content: center; gap: 9px;
}
.orange-btn {
    margin-top: 17px; background: linear-gradient(180deg,var(--gold-2),#c99522); color: #0a0a0a;
    box-shadow: 0 10px 25px rgba(214,165,44,.15);
}
.secondary-btn { margin-top: 10px; background: transparent; color: var(--text); border: 1px solid var(--line); }
.platforms { margin-top: 12px; text-align: center; color: #8f877b; font-size: 12px; line-height: 1.45; }
.platforms strong { color: #ded4c3; }



.active-alerts-section { padding: 20px; }
.active-alerts-header { display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.title-with-icon { display: flex; align-items: center; gap: 12px; }
.active-alerts-header h3 { font-size: 15px; font-weight: 900; letter-spacing: .02em; }
.active-alerts-header p { color: var(--muted); font-size: 11px; margin-top: 3px; }
.alerts-toggle { color: var(--muted); }
.alerts-list { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 17px; padding-top: 16px; border-top: 1px solid var(--line); }
.alerts-list.collapsed { display: none; }
.alerta-item {
    display: flex; align-items: center; gap: 8px; background: #080808; border: 1px solid #3b321f; border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
    padding: 9px 8px 9px 13px; max-width: 100%;
}
.alerta-item span { font-size: 12px; font-weight: 800; overflow-wrap: anywhere; }
.delete-btn { width: 24px; height: 24px; border-radius: 50%; border: 1px solid #342d1f; background: #16120d; color: #c1b49e; display: grid; place-items: center; padding: 0; }
.delete-btn i { font-size: 10px; }
.empty-list, .erro-lista { width: 100%; text-align: center; color: var(--muted); font-size: 13px; padding: 9px 0; }
.erro-lista { color: #ff9292; }

.recent-offers-section { margin-top: 25px; }
.section-heading { display: flex; align-items: center; gap: 10px; margin: 0 4px 13px; }
.section-heading > span { font-size: 18px; }
.section-heading h3 { font-size: 15px; font-weight: 900; }
.section-heading p { color: var(--muted); font-size: 11px; margin-top: 3px; }
.recent-offers-list { display: grid; gap: 12px; }
.recent-offer-item {
    background: linear-gradient(180deg, rgba(19,19,19,.99), rgba(8,8,8,.99)); border: 1px solid #30281a;
    border-radius: 20px; box-shadow: var(--shadow); overflow: hidden;
}
.offer-card-body { padding: 18px; }
.offer-image-wrap {
    width: 100%; aspect-ratio: 4 / 3; max-height: 330px; background: #f4f2ed;
    border-bottom: 1px solid #30281a; display: grid; place-items: center; overflow: hidden;
}
.offer-image { width: 100%; height: 100%; object-fit: contain; display: block; }
.offer-kicker { color: var(--gold-2); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 7px; }
.offer-title { color: var(--text); font-size: 14px; line-height: 1.45; font-weight: 800; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.offer-bottom { margin-top: 14px; display: flex; align-items: center; gap: 10px; }
.offer-price { font-size: 22px; font-weight: 950; letter-spacing: -.025em; color: var(--gold-2); }
.offer-link { margin-left: auto; text-decoration: none; background: linear-gradient(180deg,var(--gold-2),#c99522); color: #0a0a0a; border-radius: 12px; padding: 10px 13px; font-size: 11px; font-weight: 900; white-space: nowrap; }
.empty-offers { color: var(--muted); text-align: center; font-size: 13px; padding: 22px 12px; border: 1px dashed var(--line); border-radius: 18px; }

.privacy-note { text-align: center; color: #676158; font-size: 11px; line-height: 1.5; padding: 15px 12px 0; }

.toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom)); transform: translate(-50%,20px); background: #efe4ca; color: #0f0d09; padding: 12px 16px; border-radius: 14px; font-size: 13px; font-weight: 800; box-shadow: 0 16px 40px rgba(0,0,0,.35); opacity: 0; pointer-events: none; transition: .25s; width: max-content; max-width: calc(100vw - 32px); text-align: center; z-index: 100; border: 1px solid #d1b164; }
.toast.show { opacity: 1; transform: translate(-50%,0); }

.modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.74); backdrop-filter: blur(8px); z-index: 200; display: grid; place-items: center; padding: 18px; }
.modal-card { width: min(100%,430px); background: #131313; border: 1px solid #3f321a; border-radius: 24px; padding: 26px 22px 22px; box-shadow: 0 30px 80px rgba(0,0,0,.55); position: relative; }
.modal-close { position: absolute; right: 14px; top: 12px; width: 34px; height: 34px; border: 0; background: transparent; color: #a59573; font-size: 25px; }
.modal-icon { font-size: 35px; margin-bottom: 12px; }
.modal-card h2 { font-size: 21px; margin-bottom: 9px; }
.modal-card > p { color: var(--muted); font-size: 14px; line-height: 1.5; }
.modal-card ol { margin: 17px 0 20px 20px; color: #e9dfcf; font-size: 13px; line-height: 1.65; }
.modal-primary { width: 100%; height: 48px; border: 0; border-radius: 13px; background: linear-gradient(180deg,var(--gold-2),#c9952e); color: #15110a; font-weight: 900; }

#test-alert-btn { display: none !important; }

@media (max-width: 420px) {
    body { padding: 14px 12px 38px; }
    .app-logo { width: 220px; }
    .hero h1 { font-size: 27px; }
    .hero { padding-left: 10px; padding-right: 10px; }
    .monitor-section, .radar-section, .active-alerts-section { padding: 18px; }
    .offer-bottom { align-items: flex-end; }
}
@media (min-width: 760px) {
    body { padding-top: 30px; }
    .app-logo { width: 290px; }
}


/* ==========================================================
   HISTÓRICO DE PREÇOS - V14
   ========================================================== */
.history-section { margin-top: 26px; }
.history-heading { margin-bottom: 13px; }
.history-search-card { padding: 18px; }
.history-search-row { display: flex; gap: 10px; }
.history-search-row input {
    flex: 1; min-width: 0; height: 52px; border-radius: 14px; background: #080808;
    border: 1px solid #342b1c; color: var(--text); padding: 0 15px; outline: none;
}
.history-search-row input:focus { border-color: var(--gold-3); box-shadow: 0 0 0 3px rgba(214,165,44,.10); }
.history-search-row input::placeholder { color: #8e8575; }
.history-search-btn {
    width: 54px; height: 52px; border: 1px solid rgba(241,207,112,.65); border-radius: 14px;
    background: linear-gradient(180deg,var(--gold-2),#c99522); color: #0a0a0a; font-size: 18px; font-weight: 900;
}
.history-help { color: var(--muted-2, #746d63); font-size: 11px; line-height: 1.5; margin-top: 10px; }
.history-result { display: grid; gap: 12px; margin-top: 12px; }
.history-empty {
    border: 1px dashed var(--line); border-radius: 18px; padding: 22px 18px; text-align: center;
    color: var(--muted); font-size: 13px; line-height: 1.55; background: rgba(12,12,12,.72);
}
.history-summary-card {
    background: linear-gradient(180deg, rgba(19,19,19,.99), rgba(8,8,8,.99));
    border: 1px solid #362d1c; border-radius: 22px; padding: 19px; box-shadow: var(--shadow);
}
.history-query-label { color: var(--gold-2); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.history-summary-card h4 { margin-top: 7px; font-size: 17px; line-height: 1.35; color: #fffaf1; }
.history-classification {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 7px 9px; border-radius: 999px;
    background: rgba(214,165,44,.08); border: 1px solid rgba(214,165,44,.18); color: #e4c96f; font-size: 11px; font-weight: 850;
}
.history-classification.best { background: rgba(69,185,124,.07); border-color: rgba(69,185,124,.14); color: #78cfa4; }
.history-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 16px; }
.history-stat { background: #090909; border: 1px solid #2c261a; border-radius: 14px; padding: 12px; }
.history-stat span { display: block; color: #80786d; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; font-weight: 800; }
.history-stat strong { display: block; margin-top: 5px; color: #f6f0e4; font-size: 18px; letter-spacing: -.02em; }
.history-stat.primary strong { color: var(--gold-2); }
.history-chart-card {
    background: #080808; border: 1px solid #2d2619; border-radius: 17px; padding: 13px; margin-top: 13px;
}
.history-chart-top { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.history-chart-top span { color: #8a8174; font-size: 10px; }
.history-chart { width: 100%; height: 150px; display: block; overflow: visible; }
.history-chart-grid { stroke: #241f17; stroke-width: 1; }
.history-chart-line { fill: none; stroke: #e3b744; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.history-chart-area { fill: url(#historyGoldGradient); opacity: .26; }
.history-chart-dot { fill: #f1cf70; stroke: #080808; stroke-width: 2; }
.history-actions { display: flex; gap: 9px; margin-top: 14px; }
.history-action {
    flex: 1; min-height: 44px; border-radius: 12px; font-size: 11px; font-weight: 900; display: flex; align-items: center; justify-content: center; gap: 7px;
}
.history-monitor-btn { border: 1px solid #4b3c1b; color: #e7d39b; background: #0c0b08; }
.history-current-link { text-decoration: none; border: 1px solid rgba(241,207,112,.65); background: linear-gradient(180deg,var(--gold-2),#c99522); color: #0a0a0a; }
.history-list-card { background: #0b0b0b; border: 1px solid #2c2519; border-radius: 20px; padding: 17px; }
.history-list-title { color: #d7c59b; font-size: 11px; font-weight: 900; letter-spacing: .09em; margin-bottom: 10px; }
.history-row { display: grid; grid-template-columns: 78px 1fr auto; gap: 10px; align-items: center; padding: 10px 0; border-top: 1px solid #211d16; }
.history-row:first-of-type { border-top: 0; }
.history-date { color: #81796e; font-size: 10px; }
.history-row-title { color: #cfc7ba; font-size: 11px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.history-row-price { color: var(--gold-2); font-size: 13px; font-weight: 900; white-space: nowrap; }
.history-footnote { color: #615b53; font-size: 10px; line-height: 1.45; margin-top: 11px; text-align: center; }
.offer-history-btn {
    border: 1px solid #42361d; color: #d9c37e; background: #0b0a08; border-radius: 11px; padding: 10px 11px; font-size: 10px; font-weight: 900; white-space: nowrap;
}
.offer-actions { margin-left: auto; display: flex; gap: 7px; align-items: center; }
.offer-actions .offer-link { margin-left: 0; }
.history-loading { display: flex; align-items: center; justify-content: center; gap: 9px; color: #9c9386; padding: 18px; font-size: 12px; }

@media (max-width: 420px) {
    .history-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .history-actions { flex-direction: column; }
    .history-row { grid-template-columns: 62px 1fr auto; gap: 8px; }
    .offer-actions { width: 100%; margin-left: 0; margin-top: 8px; }
    .offer-bottom { flex-wrap: wrap; }
}

.offer-coupon{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;border-radius:10px;background:#0a0a0a;border:1px dashed #65501f;color:#cbb986;font-size:11px}.offer-coupon strong{color:#f1cf70;letter-spacing:.03em}


/* ==========================================================
   V16 - INSTALAÇÃO DO APP EM DESTAQUE
   ========================================================== */
.install-section {
    margin: 4px 0 18px;
}

.install-card {
    position: relative;
    overflow: hidden;
    padding: 18px;
    border: 1px solid rgba(214,165,44,.42);
    border-radius: 20px;
    background:
        radial-gradient(circle at 88% 0%, rgba(241,207,112,.12), transparent 35%),
        linear-gradient(145deg, #13100b 0%, #0b0b0b 50%, #070707 100%);
    box-shadow:
        0 20px 45px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.install-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold-2), transparent);
    opacity: .8;
}

.install-card-top {
    display: flex;
    gap: 13px;
    align-items: flex-start;
}

.install-icon-wrap {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #171106;
    font-size: 20px;
    background: linear-gradient(180deg, var(--gold-2), #c99522);
    box-shadow: 0 9px 24px rgba(214,165,44,.16);
}

.install-copy {
    min-width: 0;
    flex: 1;
}

.install-heading-row {
    min-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.install-kicker {
    color: var(--gold-2);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .14em;
}

.install-badge {
    padding: 4px 7px;
    border-radius: 999px;
    border: 1px solid rgba(241,207,112,.24);
    background: rgba(214,165,44,.08);
    color: #ddc27a;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .06em;
    white-space: nowrap;
}

.install-card h3 {
    margin: 0;
    color: #fffaf1;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: -.015em;
}

.install-card p {
    margin: 6px 0 0;
    color: #a79c8d;
    font-size: 12px;
    line-height: 1.45;
}

.install-btn {
    width: 100%;
    min-height: 50px;
    margin-top: 15px;
    padding: 0 15px;
    border: 1px solid rgba(241,207,112,.72);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: transparent;
    color: var(--gold-2);
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .015em;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(214,165,44,.04);
    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.install-btn:hover,
.install-btn:focus-visible {
    border-color: var(--gold-2);
    background: rgba(214,165,44,.08);
    box-shadow: 0 9px 24px rgba(214,165,44,.08);
}

.install-btn:active {
    transform: scale(.99);
}

.install-card.install-ready {
    border-color: rgba(241,207,112,.68);
}

.install-card.install-ready .install-btn {
    background: linear-gradient(180deg, #17130b, #0e0c08);
    box-shadow: 0 11px 25px rgba(214,165,44,.09);
}

.install-card.install-ios .install-badge {
    color: #f3d989;
}

.install-card.is-installed {
    border-color: rgba(77,178,128,.28);
    background:
        radial-gradient(circle at 88% 0%, rgba(77,178,128,.08), transparent 35%),
        linear-gradient(145deg, #0c120f 0%, #090b0a 50%, #070707 100%);
}

.install-card.is-installed::before {
    background: linear-gradient(90deg, transparent, #55b987, transparent);
    opacity: .52;
}

.install-card.is-installed .install-icon-wrap {
    color: #07110c;
    background: linear-gradient(180deg, #74d4a5, #3d9f70);
    box-shadow: none;
}

.install-card.is-installed .install-kicker {
    color: #74d4a5;
}

.install-card.is-installed .install-badge {
    border-color: rgba(77,178,128,.2);
    background: rgba(77,178,128,.06);
    color: #7cd2a7;
}

.install-card.is-installed .install-btn {
    border-color: rgba(77,178,128,.18);
    color: #7cd2a7;
    background: rgba(77,178,128,.04);
    cursor: default;
    opacity: .86;
}

.install-footnote {
    text-align: center;
    color: #786f63 !important;
    font-size: 10px !important;
    margin-top: 9px !important;
}

@media (max-width: 390px) {
    .install-card { padding: 16px; }
    .install-icon-wrap { width: 42px; height: 42px; flex-basis: 42px; }
    .install-card h3 { font-size: 16px; }
    .install-badge { font-size: 7px; }
}



/* ==========================================================
   V19 - ACESSO DISCRETO AO GRUPO DO WHATSAPP
   ========================================================== */
.whatsapp-entry {
    display: flex;
    justify-content: center;
    margin: -2px 0 15px;
    padding: 0 10px;
}

.whatsapp-link {
    width: min(100%, 360px);
    min-height: 49px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px 8px 9px;
    text-decoration: none;
    border-radius: 15px;
    border: 1px solid rgba(64, 190, 103, .24);
    background: linear-gradient(180deg, rgba(18, 31, 22, .88), rgba(8, 16, 11, .88));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.whatsapp-link:hover,
.whatsapp-link:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(64, 190, 103, .48);
    background: linear-gradient(180deg, rgba(20, 38, 26, .94), rgba(8, 18, 12, .94));
}

.whatsapp-icon {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(37, 211, 102, .13);
    color: #4bd77d;
    font-size: 19px;
}

.whatsapp-copy {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
    text-align: left;
}

.whatsapp-copy strong {
    color: #dce8df;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .005em;
}

.whatsapp-copy small {
    color: #7f9485;
    font-size: 9px;
    line-height: 1.3;
}

.whatsapp-arrow {
    color: #56725f;
    font-size: 10px;
}

@media (max-width: 420px) {
    .whatsapp-entry { margin-bottom: 13px; }
    .whatsapp-link { min-height: 47px; }
    .whatsapp-copy strong { font-size: 10.5px; }
}