@import url("theme-two.css");

:root {
    --bg-main: #fffaf4;
    --bg-card: #ffffff;
    --bg-card-hover: #fff5eb;
    --bg-elevated: #f7ede1;
    --brazil-green: #08765a;
    --brazil-green-dark: #055c45;
    --brazil-green-glow: rgba(8, 118, 90, 0.18);
    --brazil-yellow: #e39a20;
    --brazil-blue: #d45b48;
    --text-primary: #28332d;
    --text-secondary: #5f675f;
    --border-subtle: #eadfd1;
    --shadow-card: 0 8px 24px rgba(76, 51, 30, 0.08);
}

body::before {
    background: radial-gradient(circle at 12% 6%, rgba(227, 154, 32, 0.13), transparent 32%), radial-gradient(circle at 88% 18%, rgba(8, 118, 90, 0.11), transparent 36%), #fffaf4;
}

.site-header { background: rgba(255, 250, 244, 0.94); }
.main-nav a:hover { background: #fce6d4; color: #055c45; }
.hero { padding: 68px 0 42px; }
.hero-kicker { display: inline-flex; align-items: center; gap: 8px; color: #08765a; font-weight: 800; font-size: 13px; text-transform: uppercase; }
.hero-title { max-width: 680px; font-size: clamp(34px, 5vw, 62px); margin: 14px 0; }
.hero-title span { color: #d45b48; }
.hero-copy { max-width: 650px; font-size: 17px; }
.hero-note { color: var(--text-secondary); font-size: 13px; display: inline-flex; align-items: center; gap: 7px; }
.trust-strip { background: #08765a; color: #fffaf4; }
.trust-items { justify-content: center; }
.ranking-section { padding-top: 50px; padding-bottom: 42px; }
.ranking-meta { color: var(--text-muted); font-size: 13px; }
.ranking-meta span::before { content: "•"; padding: 0 6px; }
.casino-card { display: grid; grid-template-columns: 44px 48px minmax(0, 1fr) 128px auto; align-items: center; gap: 16px; border-radius: 10px; border-left: 3px solid transparent; }
.casino-card:hover { border-left-color: #e39a20; transform: translateX(2px); }
.rank-badge { background: #f7ede1; color: #08765a; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 8px; font-family: var(--font-mono); font-size: 13px; font-weight: 700; }
.card-brand-name strong { font-family: var(--font-heading); font-size: 17px; }
.card-category, .card-score-pill span { color: var(--text-muted); font-size: 12px; }
.card-score-pill { text-align: right; display: grid; gap: 2px; }
.card-score-pill strong { font-family: var(--font-heading); font-size: 17px; }.card-score-pill small { font-size: 11px; color: var(--text-muted); }
.btn-visit { background: #d45b48; color: #fff; box-shadow: none; }.btn-visit:hover { background: #b94534; }
.criteria-copy { max-width: 390px; color: var(--text-secondary); }
.criteria-grid article { border-top: 3px solid #e39a20; }
.site-footer { border-top: 1px solid var(--border-subtle); background: #f7ede1; }.footer-inner { padding-top: 38px; padding-bottom: 38px; }

@media (max-width: 700px) {
    .hero { padding-top: 38px; }
    .casino-card { grid-template-columns: 36px 42px minmax(0, 1fr) auto; gap: 10px; }
    .card-score-pill { display: none; }
    .btn-visit { padding: 9px 11px; font-size: 12px; }.btn-visit i { display: none; }
}