/* ═══════════════════════════════════════════
   Criativas Brasil — app.css
   ═══════════════════════════════════════════ */

:root {
  --primary: #7f2229;
  --pink: #c83363;
  --pink-light: #e8dfcf;
  --gold: #f5c518;
  --bg: #f5f6f8;
  --white: #ffffff;
  --text: #2d2d2d;
  --muted: #777;
  --border: #e8e8e8;
  --radius: 10px;
  --shadow: 0 4px 16px rgba(0,0,0,.08);
}

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Jost',sans-serif; background:var(--bg); color:var(--text); }
a { text-decoration:none; color:inherit; }

/* ── Header ── */
.main-header { background:#fff; padding:24px 20px; text-align:center; border-bottom:1px solid var(--border); }
.logo-container a { display:inline-flex; align-items:center; gap:14px; }
.logo-svg { width:60px; height:60px; }
.logo-text { text-align:left; }
.logo-name { display:block; font-size:20px; font-weight:600; letter-spacing:2px; color:#111; }
.logo-sub  { display:block; font-size:9px; letter-spacing:3px; color:var(--muted); text-transform:uppercase; }

/* ── Nav ── */
.main-nav { background:var(--primary); }
.nav-content { max-width:1280px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.nav-links { list-style:none; display:flex; gap:28px; padding:14px 0; }
.nav-links a { color:#fff; font-size:14px; opacity:.85; transition:opacity .2s; }
.nav-links a:hover,.nav-links a.active { opacity:1; }
.nav-user { display:flex; align-items:center; gap:10px; }
.user-name { color:#fff; font-size:13px; }
.nav-btn { background:rgba(255,255,255,.15); color:#fff; border:none; padding:7px 14px; border-radius:5px; font-family:'Jost',sans-serif; font-size:13px; cursor:pointer; transition:background .2s; white-space:nowrap; }
.nav-btn:hover { background:rgba(255,255,255,.3); }
.nav-register { background:var(--pink); }
.nav-register:hover { background:#a62952; }
.nav-admin { background:#2563eb; }
.nav-logout { padding:7px 10px; }
.nav-msg { position:relative; }
.unread-badge { position:absolute; top:-6px; right:-6px; background:#ef4444; color:#fff; font-size:10px; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:600; }

/* ── Alerts ── */
.alert { max-width:1280px; margin:16px auto; padding:14px 20px; border-radius:var(--radius); display:flex; align-items:center; gap:10px; font-size:14px; }
.alert-success { background:#d1fae5; color:#065f46; border:1px solid #6ee7b7; }
.alert-error   { background:#fee2e2; color:#991b1b; border:1px solid #fca5a5; }

/* ── WhatsApp Float ── */
.whatsapp-float { position:fixed; bottom:32px; right:32px; background:#25d366; color:#fff; width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:30px; box-shadow:0 4px 16px rgba(37,211,102,.4); z-index:999; transition:transform .2s; }
.whatsapp-float:hover { transform:scale(1.1); }

/* ── Container ── */
.container { max-width:1280px; margin:0 auto; padding:40px 24px; }

/* ── Search Section ── */
.section-title { font-size:30px; font-weight:500; color:#222; margin-bottom:28px; }
.search-form { display:flex; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
.search-form input,.search-form select { padding:14px 18px; border:1px solid var(--border); border-radius:7px; background:#f2f2f2; font-family:'Jost',sans-serif; font-size:14px; color:#555; outline:none; transition:border .2s,background .2s; }
.search-form input:focus,.search-form select:focus { border-color:#ccc; background:#fff; }
.search-input { flex:2; min-width:220px; }
.search-form .input-group { flex:1; min-width:140px; }
.search-form input,.search-form select { width:100%; }
.btn-buscar { padding:14px 28px; background:var(--pink); color:#fff; border:none; border-radius:7px; font-family:'Jost',sans-serif; font-size:15px; font-weight:500; cursor:pointer; transition:background .2s; white-space:nowrap; }
.btn-buscar:hover { background:#a62952; }
.results-count { font-size:14px; color:var(--muted); margin-bottom:36px; }

/* ── Cards Grid ── */
.results-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }

/* ── Card ── */
.card { background:#fff; border-radius:var(--radius); border:1.5px solid var(--border); display:flex; flex-direction:column; overflow:hidden; transition:transform .2s,box-shadow .2s; }
.card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.card.card-featured { border-color:var(--gold); }

.card-header { background:linear-gradient(160deg,#fae4eb,#f4cdd9); height:165px; position:relative; display:flex; align-items:center; justify-content:center; }
.badge-destaque { position:absolute; top:13px; left:13px; background:rgba(255,255,255,.88); padding:4px 10px; border-radius:4px; font-size:11px; font-weight:600; color:#333; display:flex; align-items:center; gap:5px; z-index:2; }
.badge-fundadora { position:absolute; top:13px; right:13px; background:var(--gold); padding:4px 10px; border-radius:4px; font-size:11px; font-weight:700; color:#4a3000; z-index:2; }
.card-avatar-wrap { width:88px; height:88px; background:rgba(255,255,255,.4); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.card-avatar-inner { width:64px; height:64px; border-radius:50%; overflow:hidden; background:#fff; display:flex; align-items:center; justify-content:center; }
.card-avatar-inner img { width:100%; height:100%; object-fit:cover; }
.card-avatar-icon { color:var(--pink); }

.card-body { padding:18px; display:flex; flex-direction:column; flex:1; }
.card-title { font-size:16px; font-weight:500; margin-bottom:10px; }
.card-title a { color:#222; text-decoration:underline; text-decoration-color:#bbb; text-underline-offset:3px; }
.card-title a:hover { color:var(--pink); }
.card-meta { display:flex; align-items:center; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
.badge-type { padding:3px 10px; border-radius:12px; font-size:11px; font-weight:600; }
.badge-type.artesa  { background:#e8dfcf; color:#9b2c5a; }
.badge-type.lojista { background:#e0eaff; color:#2563eb; }
.card-city { font-size:12px; color:var(--muted); display:flex; align-items:center; gap:4px; }
.card-rating { display:flex; align-items:center; gap:6px; margin-bottom:14px; }
.stars { color:#f5c518; font-size:13px; letter-spacing:1px; }
.star-empty { color:#e0e0e0; }
.reviews-count { color:var(--muted); font-size:12px; }
.card-description { font-size:13px; color:#666; line-height:1.6; flex:1; margin-bottom:18px; }
.btn-perfil { display:block; text-align:center; padding:11px; background:var(--pink); color:#fff; border-radius:6px; font-size:14px; font-weight:500; transition:background .2s; }
.btn-perfil:hover { background:#a62952; }

/* ── Pagination ── */
.pagination-wrap { margin-top:48px; display:flex; justify-content:center; }
.pagination { display:flex; gap:6px; list-style:none; }
.pagination .page-item .page-link { padding:8px 14px; border-radius:6px; border:1px solid var(--border); background:#fff; font-size:14px; color:var(--text); transition:all .2s; }
.pagination .page-item.active .page-link { background:var(--pink); color:#fff; border-color:var(--pink); }
.pagination .page-item .page-link:hover { background:var(--pink-light); }

/* ── Auth Forms ── */
.auth-page { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#e8dfcf 0%,#f5f6f8 100%); padding:40px 20px; }
.auth-card { background:#fff; border-radius:16px; box-shadow:var(--shadow); padding:40px; width:100%; max-width:520px; }
.auth-title { font-size:24px; font-weight:600; color:#222; margin-bottom:6px; }
.auth-subtitle { font-size:14px; color:var(--muted); margin-bottom:28px; }
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-size:13px; font-weight:500; color:#555; margin-bottom:6px; }
.form-control { width:100%; padding:12px 16px; border:1.5px solid var(--border); border-radius:7px; font-family:'Jost',sans-serif; font-size:14px; color:var(--text); outline:none; transition:border .2s; }
.form-control:focus { border-color:var(--pink); }
.form-control.is-invalid { border-color:#ef4444; }
.invalid-feedback { font-size:12px; color:#ef4444; margin-top:4px; }
.btn-primary { width:100%; padding:13px; background:var(--pink); color:#fff; border:none; border-radius:7px; font-family:'Jost',sans-serif; font-size:15px; font-weight:500; cursor:pointer; transition:background .2s; }
.btn-primary:hover { background:#a62952; }
.role-switcher { display:flex; gap:0; border:1.5px solid var(--border); border-radius:7px; overflow:hidden; margin-bottom:24px; }
.role-tab { flex:1; padding:11px; text-align:center; cursor:pointer; font-size:14px; font-weight:500; color:var(--muted); background:#f9f9f9; transition:all .2s; border:none; font-family:'Jost',sans-serif; }
.role-tab.active { background:var(--pink); color:#fff; }
.cities-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.auth-link { text-align:center; margin-top:20px; font-size:13px; color:var(--muted); }
.auth-link a { color:var(--pink); font-weight:500; }

/* ── Dashboard ── */
.dash-page { max-width:1100px; margin:0 auto; padding:40px 24px; }
.dash-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:32px; }
.dash-title { font-size:26px; font-weight:600; }
.dash-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:32px; }
.stat-card { background:#fff; border-radius:var(--radius); padding:24px; border:1px solid var(--border); }
.stat-card .stat-label { font-size:13px; color:var(--muted); margin-bottom:8px; }
.stat-card .stat-value { font-size:28px; font-weight:700; color:var(--primary); }
.dash-section { background:#fff; border-radius:var(--radius); border:1px solid var(--border); padding:24px; margin-bottom:24px; }
.dash-section-title { font-size:16px; font-weight:600; margin-bottom:18px; display:flex; align-items:center; gap:8px; }
.btn-sm { padding:7px 14px; background:var(--pink); color:#fff; border:none; border-radius:5px; font-family:'Jost',sans-serif; font-size:13px; cursor:pointer; transition:background .2s; }
.btn-sm:hover { background:#a62952; }
.btn-outline { background:transparent; border:1.5px solid var(--pink); color:var(--pink); }
.btn-outline:hover { background:var(--pink); color:#fff; }
.badge-code { background:var(--pink-light); color:var(--pink); padding:6px 14px; border-radius:5px; font-family:monospace; font-size:15px; font-weight:700; letter-spacing:2px; }

/* ── Perfil Edit ── */
.edit-layout { display:grid; grid-template-columns:1fr 2fr; gap:24px; max-width:1000px; margin:0 auto; padding:40px 24px; }
.photos-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:18px; }
.photo-item { position:relative; border-radius:8px; overflow:hidden; aspect-ratio:1; background:#f2f2f2; }
.photo-item img { width:100%; height:100%; object-fit:cover; }
.photo-delete { position:absolute; top:6px; right:6px; background:rgba(239,68,68,.85); color:#fff; border:none; border-radius:50%; width:28px; height:28px; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:12px; }
.photo-add { aspect-ratio:1; border-radius:8px; border:2px dashed var(--border); display:flex; align-items:center; justify-content:center; cursor:pointer; background:#fafafa; color:var(--muted); flex-direction:column; gap:6px; font-size:12px; }
.photo-add:hover { border-color:var(--pink); color:var(--pink); }

/* ── Perfil Público ── */
.profile-page { max-width:1000px; margin:0 auto; padding:40px 24px; }
.profile-hero { background:#fff; border-radius:var(--radius); border:1px solid var(--border); padding:32px; display:flex; gap:28px; margin-bottom:24px; }
.profile-photos { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:24px; }
.profile-photos img { width:100%; border-radius:8px; aspect-ratio:1; object-fit:cover; }
.profile-cover img { border-radius:50%; width:110px; height:110px; object-fit:cover; border:3px solid var(--pink-light); }
.profile-cover-placeholder { width:110px; height:110px; border-radius:50%; background:var(--pink-light); display:flex; align-items:center; justify-content:center; font-size:40px; color:var(--pink); }
.profile-info h2 { font-size:24px; font-weight:600; margin-bottom:10px; }
.profile-cities { font-size:13px; color:var(--muted); margin-bottom:14px; }
.profile-description { font-size:14px; line-height:1.7; color:#555; }
.btn-contact { display:inline-flex; align-items:center; gap:8px; padding:12px 24px; background:var(--pink); color:#fff; border-radius:7px; font-weight:500; font-size:14px; margin-top:16px; transition:background .2s; }
.btn-contact:hover { background:#a62952; }

/* ── Chat ── */
.chat-layout { display:grid; grid-template-columns:300px 1fr; gap:0; height:calc(100vh - 160px); max-width:1100px; margin:0 auto; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; background:#fff; margin-top:20px; }
.chat-sidebar { border-right:1px solid var(--border); overflow-y:auto; }
.chat-sidebar-title { padding:18px 20px; font-weight:600; border-bottom:1px solid var(--border); font-size:15px; }
.conv-item { padding:14px 18px; border-bottom:1px solid #f2f2f2; cursor:pointer; transition:background .2s; }
.conv-item:hover,.conv-item.active { background:var(--pink-light); }
.conv-item .conv-name { font-size:14px; font-weight:500; margin-bottom:4px; }
.conv-item .conv-preview { font-size:12px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.conv-item .conv-unread { float:right; background:var(--pink); color:#fff; font-size:10px; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.chat-main { display:flex; flex-direction:column; }
.chat-header { padding:16px 20px; border-bottom:1px solid var(--border); font-weight:600; font-size:15px; }
.chat-messages { flex:1; overflow-y:auto; padding:20px; display:flex; flex-direction:column; gap:12px; }
.msg { max-width:68%; padding:10px 14px; border-radius:12px; font-size:14px; line-height:1.5; }
.msg.mine { background:var(--pink); color:#fff; align-self:flex-end; border-bottom-right-radius:3px; }
.msg.theirs { background:#f2f2f2; color:var(--text); align-self:flex-start; border-bottom-left-radius:3px; }
.msg-meta { font-size:10px; opacity:.65; margin-top:4px; text-align:right; }
.chat-input-area { padding:16px; border-top:1px solid var(--border); display:flex; gap:10px; }
.chat-input-area textarea { flex:1; padding:10px 14px; border:1.5px solid var(--border); border-radius:7px; font-family:'Jost',sans-serif; font-size:14px; resize:none; height:44px; outline:none; transition:border .2s; }
.chat-input-area textarea:focus { border-color:var(--pink); }
.btn-send { padding:0 20px; background:var(--pink); color:#fff; border:none; border-radius:7px; cursor:pointer; font-size:18px; transition:background .2s; }
.btn-send:hover { background:#a62952; }

/* ── Tables (admin e relatórios) ── */
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:14px; }
th { background:#f9f9f9; padding:12px 16px; text-align:left; font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.5px; color:var(--muted); border-bottom:2px solid var(--border); }
td { padding:12px 16px; border-bottom:1px solid #f2f2f2; vertical-align:middle; }
tr:hover td { background:#fafafa; }
.badge { padding:3px 10px; border-radius:12px; font-size:11px; font-weight:600; }
.badge-green  { background:#d1fae5; color:#065f46; }
.badge-red    { background:#fee2e2; color:#991b1b; }
.badge-yellow { background:#fef9c3; color:#854d0e; }
.badge-blue   { background:#dbeafe; color:#1e40af; }
.badge-gray   { background:#f3f4f6; color:#6b7280; }
.action-btn { padding:5px 11px; border-radius:5px; font-size:12px; font-weight:500; cursor:pointer; border:none; font-family:'Jost',sans-serif; transition:opacity .2s; }
.action-btn:hover { opacity:.8; }
.btn-approve { background:#d1fae5; color:#065f46; }
.btn-reject  { background:#fee2e2; color:#991b1b; }
.btn-feature { background:#fef9c3; color:#854d0e; }
.btn-danger  { background:#fee2e2; color:#991b1b; }

/* ── Responsive ── */
@media(max-width:1100px) { .results-grid { grid-template-columns:repeat(3,1fr); } .dash-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:768px) {
    .results-grid { grid-template-columns:repeat(2,1fr); }
    .nav-links { display:none; }
    .search-form { flex-direction:column; }
    .dash-grid { grid-template-columns:1fr; }
    .chat-layout { grid-template-columns:1fr; }
    .chat-sidebar { display:none; }
    .edit-layout { grid-template-columns:1fr; }
    .profile-hero { flex-direction:column; }
    .cities-grid { grid-template-columns:1fr; }
}
@media(max-width:480px) { .results-grid { grid-template-columns:1fr; } }

/* ── Hero Section ── */
.hero-section {
    background:#fff;
    padding:0 0 48px;
}
.hero-inner {
    max-width:1280px;
    margin:32px auto 40px;
    width:calc(100% - 48px);
    background:linear-gradient(160deg,#f5f2eb 0%,#e8dfcf 100%);
    border-radius:16px;
    padding:52px 24px 44px;
    text-align:center;
}
.hero-title {
    font-size:38px;
    font-weight:700;
    color:var(--primary);
    margin-bottom:10px;
    letter-spacing:-.5px;
}
.hero-subtitle {
    font-size:16px;
    color:#666;
    margin-bottom:32px;
}
.hero-search-form {
    display:flex;
    gap:10px;
    max-width:860px;
    margin:0 auto;
    flex-wrap:wrap;
    justify-content:center;
}
.hero-search-form input,
.hero-search-form select {
    padding:13px 18px;
    border:1.5px solid var(--border);
    border-radius:8px;
    background:#fff;
    font-family:'Jost',sans-serif;
    font-size:14px;
    color:var(--text);
    outline:none;
    transition:border .2s,box-shadow .2s;
    flex:1;
    min-width:180px;
}
.hero-search-form input:first-child { flex:2; min-width:220px; }
.hero-search-form input:focus,
.hero-search-form select:focus { border-color:var(--pink); box-shadow:0 0 0 3px rgba(200,51,99,.08); }

/* Hero cards abaixo do search */
.hero-cards {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    max-width:900px;
    margin:0 auto;
    padding:0 24px;
}
.hero-card {
    background:#fff;
    border:1.5px solid var(--border);
    border-radius:14px;
    padding:28px 22px;
    text-align:center;
    transition:box-shadow .2s,transform .2s;
}
.hero-card:hover { box-shadow:var(--shadow); transform:translateY(-3px); }
.hero-card--highlight {
    background:var(--pink-light);
    border-color:#f0b8cc;
}
.hero-card-icon {
    width:60px;
    height:60px;
    border-radius:50%;
    background:var(--pink-light);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
}
.hero-card--highlight .hero-card-icon { background:rgba(200,51,99,.12); }
.hero-card-title {
    font-size:16px;
    font-weight:600;
    margin-bottom:8px;
}
.hero-card-title a {
    color:var(--pink);
    text-decoration:underline;
    text-underline-offset:3px;
}
.hero-card-desc {
    font-size:13px;
    color:#666;
    line-height:1.6;
    margin-bottom:14px;
}
.hero-card-link {
    font-size:13px;
    color:var(--pink);
    font-weight:500;
    text-decoration:underline;
    text-underline-offset:3px;
}
.hero-card-link:hover { color:#a62952; }

.hero-login-hint {
    text-align:center;
    margin-top:28px;
    font-size:13px;
    color:var(--muted);
}
.hero-login-hint a { color:var(--pink); font-weight:500; text-decoration:underline; text-underline-offset:3px; }

@media(max-width:768px) {
    .hero-cards { grid-template-columns:1fr; }
    .hero-title { font-size:28px; }
    .hero-search-form input, .hero-search-form select { min-width:100%; }
}



/* ==========================================================
   CRIATIVAS BRASIL — HOME V2
   Primeira dobra + carrossel
   ========================================================== */

.cb-home-hero {
    background:#f8f6f1;
    border-bottom:1px solid #eee9df;
}

.cb-home-hero-inner {
    max-width:1180px;
    margin:0 auto;
    padding:64px 28px 48px;
}

.cb-home-hero-copy {
    max-width:760px;
    margin:0 auto 34px;
    text-align:center;
}

.cb-home-eyebrow {
    display:block;
    margin-bottom:14px;
    font-size:11px;
    font-weight:700;
    letter-spacing:2.2px;
    color:#74866a;
}

.cb-home-hero-copy h1 {
    margin:0;
    color:#26352b;
    font-size:48px;
    line-height:1.08;
    font-weight:600;
    letter-spacing:-1.4px;
}

.cb-home-hero-copy h1 span {
    display:block;
    color:#577855;
}

.cb-home-hero-copy p {
    max-width:620px;
    margin:20px auto 0;
    color:#6d726d;
    font-size:16px;
    line-height:1.7;
}

.cb-home-search {
    max-width:1000px;
    margin:0 auto;
    display:grid;
    grid-template-columns:2fr 1fr 1fr auto;
    align-items:stretch;
    gap:0;
    background:#fff;
    border:1px solid #e5e1d8;
    border-radius:14px;
    padding:7px;
    box-shadow:0 12px 35px rgba(55,68,54,.07);
}

.cb-home-search-field {
    padding:5px 18px;
    border-right:1px solid #ece9e2;
}

.cb-home-search-field span {
    display:block;
    margin-bottom:2px;
    font-size:10px;
    line-height:1.3;
    text-transform:uppercase;
    letter-spacing:.8px;
    color:#9a9c96;
    font-weight:600;
}

.cb-home-search-field input,
.cb-home-search-field select {
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    padding:4px 0;
    font-family:'Jost',sans-serif;
    color:#353b36;
    font-size:14px;
}

.cb-home-search-button {
    min-width:120px;
    border:0;
    border-radius:10px;
    background:#577855;
    color:#fff;
    padding:0 22px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    cursor:pointer;
    font-family:'Jost',sans-serif;
    font-size:14px;
    font-weight:600;
    transition:transform .2s, background .2s;
}

.cb-home-search-button:hover {
    background:#486647;
    transform:translateY(-1px);
}

.cb-home-hero-footer {
    margin-top:23px;
    text-align:center;
    color:#868b84;
    font-size:12px;
    letter-spacing:.2px;
}

.cb-home-hero-footer strong {
    color:#577855;
    font-weight:600;
}

.cb-home-dot {
    margin:0 9px;
    color:#c9bda8;
}


/* CARROSSEL */

.cb-featured-section {
    max-width:1180px;
    margin:0 auto;
    padding:58px 28px 52px;
}

.cb-featured-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:25px;
}

.cb-featured-kicker {
    display:block;
    margin-bottom:7px;
    color:#a58f6a;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.8px;
}

.cb-featured-heading h2 {
    margin:0;
    color:#29352c;
    font-size:29px;
    font-weight:600;
    letter-spacing:-.4px;
}

.cb-featured-heading p {
    margin:8px 0 0;
    color:#777d77;
    font-size:14px;
}

.cb-featured-controls {
    display:flex;
    gap:8px;
}

.cb-featured-controls button {
    width:38px;
    height:38px;
    border-radius:50%;
    border:1px solid #dedfd9;
    background:#fff;
    color:#577855;
    cursor:pointer;
    transition:background .2s, border-color .2s;
}

.cb-featured-controls button:hover {
    background:#f3f5f1;
    border-color:#bec9b9;
}

.cb-featured-viewport {
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;
    padding:3px 2px 15px;
}

.cb-featured-viewport::-webkit-scrollbar {
    display:none;
}

.cb-featured-track {
    display:flex;
    gap:18px;
}

.cb-featured-card {
    flex:0 0 calc((100% - 54px) / 4);
    min-width:0;
    background:#fff;
    border:1px solid #ebece7;
    border-radius:13px;
    overflow:hidden;
    box-shadow:0 5px 18px rgba(41,53,44,.055);
    transition:transform .25s ease, box-shadow .25s ease;
}

.cb-featured-card:hover {
    transform:translateY(-4px);
    box-shadow:0 13px 30px rgba(41,53,44,.10);
}

.cb-featured-image {
    position:relative;
    display:block;
    height:190px;
    overflow:hidden;
    background:#f4f2ed;
}

.cb-featured-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .4s ease;
}

.cb-featured-card:hover .cb-featured-image img {
    transform:scale(1.025);
}

.cb-featured-placeholder {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f5f2ec;
}

.cb-featured-badges {
    position:absolute;
    top:11px;
    left:11px;
    right:11px;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.cb-badge-featured,
.cb-badge-founder {
    display:inline-flex;
    align-items:center;
    gap:5px;
    border-radius:20px;
    padding:5px 9px;
    font-size:10px;
    line-height:1;
    font-weight:700;
    backdrop-filter:blur(4px);
}

.cb-badge-featured {
    background:rgba(255,255,255,.94);
    color:#526c4e;
}

.cb-badge-founder {
    background:rgba(245,235,209,.95);
    color:#886d3e;
}

.cb-featured-content {
    padding:17px 17px 18px;
}

.cb-featured-type {
    margin-bottom:5px;
    color:#a58f6a;
    text-transform:uppercase;
    letter-spacing:.9px;
    font-size:9px;
    font-weight:700;
}

.cb-featured-content h3 {
    margin:0 0 7px;
    font-size:16px;
    line-height:1.25;
    font-weight:600;
}

.cb-featured-content h3 a {
    color:#303a32;
    text-decoration:none;
}

.cb-featured-location {
    color:#8a8f89;
    font-size:11px;
}

.cb-featured-location i {
    margin-right:4px;
    color:#7d9476;
}

.cb-featured-content p {
    min-height:45px;
    margin:12px 0 15px;
    color:#737973;
    font-size:12px;
    line-height:1.55;
}

.cb-featured-link {
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#577855;
    text-decoration:none;
    font-size:12px;
    font-weight:600;
    border-top:1px solid #f0f0ec;
    padding-top:12px;
}

.cb-featured-link span {
    font-size:16px;
}


/* RESPONSIVO */

@media(max-width:1000px) {

    .cb-home-search {
        grid-template-columns:1fr 1fr;
        gap:7px;
    }

    .cb-home-search-field {
        border:0;
        background:#fafafa;
        border-radius:9px;
    }

    .cb-home-search-button {
        min-height:50px;
    }

    .cb-featured-card {
        flex-basis:calc((100% - 36px) / 3);
    }
}

@media(max-width:760px) {

    .cb-home-hero-inner {
        padding:45px 20px 38px;
    }

    .cb-home-hero-copy h1 {
        font-size:35px;
    }

    .cb-home-search {
        display:flex;
        flex-direction:column;
    }

    .cb-home-search-button {
        min-height:50px;
    }

    .cb-featured-section {
        padding:42px 20px;
    }

    .cb-featured-card {
        flex-basis:76%;
    }

    .cb-featured-heading {
        align-items:center;
    }

    .cb-featured-heading h2 {
        font-size:24px;
    }

    .cb-featured-heading p {
        display:none;
    }
}



/* ==========================================================
   HOME FINAL — BUSCA SIMPLIFICADA
   ========================================================== */

.cb-home-search-row {
    max-width:1000px;
    margin:0 auto;
    display:grid;
    grid-template-columns:.9fr 1.6fr;
    gap:14px;
    align-items:stretch;
}

.cb-home-search-message {
    background:#eef2ea;
    border:1px solid #dfe6da;
    border-radius:14px;
    padding:17px 20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:left;
}

.cb-home-search-message span {
    margin-bottom:4px;
    color:#899681;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.1px;
    text-transform:uppercase;
}

.cb-home-search-message strong {
    color:#4f694d;
    font-size:14px;
    line-height:1.45;
    font-weight:500;
}

.cb-home-search-simple {
    max-width:none;
    width:100%;
    grid-template-columns:1fr auto;
}

.cb-home-search-simple .cb-home-search-field {
    border-right:0;
}

.cb-home-search-simple .cb-home-search-button {
    min-width:135px;
}


/* ==========================================================
   MURAL DE PEDIDOS
   ========================================================== */

.cb-mural-section {
    margin-top:45px;
    background:#f5f2eb;
    border-top:1px solid #ebe5d9;
    border-bottom:1px solid #ebe5d9;
}

.cb-mural-inner {
    max-width:1180px;
    margin:0 auto;
    padding:62px 28px;
}

.cb-mural-heading {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:40px;
    margin-bottom:30px;
}

.cb-mural-kicker {
    display:block;
    margin-bottom:8px;
    color:#a38d68;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.8px;
}

.cb-mural-heading h2 {
    margin:0;
    color:#29382d;
    font-size:31px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:-.4px;
}

.cb-mural-heading p {
    max-width:590px;
    margin:9px 0 0;
    color:#747a73;
    font-size:14px;
    line-height:1.6;
}

.cb-mural-main-button {
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    gap:13px;
    padding:12px 18px;
    border-radius:9px;
    background:#577855;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    transition:background .2s, transform .2s;
}

.cb-mural-main-button:hover {
    background:#496648;
    transform:translateY(-1px);
}

.cb-mural-main-button span {
    font-size:17px;
}

.cb-mural-grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.cb-mural-card {
    background:#fff;
    border:1px solid #e5e4dd;
    border-radius:12px;
    padding:22px;
    box-shadow:0 5px 18px rgba(45,57,48,.045);
}

.cb-mural-card-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}

.cb-mural-card-top span {
    color:#a38d68;
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.cb-mural-card-top i {
    color:#789173;
    font-size:15px;
}

.cb-mural-card h3 {
    margin:0 0 10px;
    color:#344137;
    font-size:17px;
    font-weight:600;
}

.cb-mural-card p {
    min-height:47px;
    margin:0 0 18px;
    color:#737873;
    font-size:13px;
    line-height:1.55;
}

.cb-mural-meta {
    padding-top:13px;
    border-top:1px solid #efeee9;
    display:flex;
    justify-content:space-between;
    gap:12px;
    color:#949792;
    font-size:10px;
}

.cb-mural-meta i {
    margin-right:4px;
    color:#789173;
}

.cb-mural-footer {
    margin-top:24px;
    text-align:center;
}

.cb-mural-footer a {
    color:#577855;
    font-size:12px;
    font-weight:600;
    text-decoration:none;
}

.cb-mural-footer a span {
    margin-left:5px;
}

.cb-mural-empty {
    grid-column:1/-1;
    background:#fff;
    border:1px dashed #d8d8cf;
    border-radius:12px;
    padding:35px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    color:#7a8179;
}

.cb-mural-empty i {
    color:#779071;
    font-size:25px;
}

.cb-mural-empty strong {
    color:#445245;
}


@media(max-width:800px) {

    .cb-home-search-row {
        grid-template-columns:1fr;
    }

    .cb-home-search-simple {
        display:grid;
        grid-template-columns:1fr auto;
    }

    .cb-mural-heading {
        align-items:flex-start;
        flex-direction:column;
    }

    .cb-mural-grid {
        grid-template-columns:1fr;
    }
}

@media(max-width:520px) {

    .cb-home-search-simple {
        display:flex;
        flex-direction:column;
    }

    .cb-home-search-simple .cb-home-search-button {
        min-height:48px;
    }
}



/* ==========================================================
   CRIATIVAS BRASIL — PRIMEIRA DOBRA FINAL
   ========================================================== */

.cb-home-hero-final {
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.78), transparent 52%),
        linear-gradient(180deg,#faf6ef 0%,#f7f2e9 100%);
    border-bottom:1px solid #ede7dc;
}

.cb-home-hero-inner-final {
    max-width:1180px;
    margin:0 auto;
    padding:34px 28px 28px;
}

.cb-home-hero-copy-final {
    max-width:760px;
    margin:0 auto 22px;
    text-align:center;
}

.cb-home-hero-copy-final .cb-home-eyebrow {
    margin-bottom:8px;
    color:#617d5c;
    font-size:9px;
    letter-spacing:2.5px;
}

.cb-home-hero-copy-final h1 {
    margin:0;
    color:#29382d;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:41px;
    line-height:1.03;
    font-weight:400;
    letter-spacing:-1px;
}

.cb-home-hero-copy-final h1 span {
    display:block;
    color:#577855;
}

.cb-home-hero-copy-final p {
    margin:13px auto 0;
    color:#6f756f;
    font-size:14px;
}


/* BUSCA */

.cb-final-search {
    width:min(720px,100%);
    margin:0 auto;
    display:flex;
    align-items:center;
    background:#fff;
    border:1px solid #ebe7df;
    border-radius:13px;
    padding:6px;
    box-shadow:0 9px 30px rgba(56,69,57,.07);
}

.cb-final-search-icon {
    width:46px;
    text-align:center;
    color:#577855;
    font-size:18px;
}

.cb-final-search-field {
    flex:1;
    min-width:0;
    padding:4px 8px;
}

.cb-final-search-field span {
    display:block;
    margin-bottom:1px;
    color:#63805f;
    font-size:8px;
    font-weight:700;
    letter-spacing:1.3px;
}

.cb-final-search-field input {
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    padding:3px 0;
    font-family:'Jost',sans-serif;
    color:#4e554f;
    font-size:13px;
}

.cb-final-search button {
    align-self:stretch;
    min-width:135px;
    border:0;
    border-radius:9px;
    background:#577855;
    color:#fff;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    cursor:pointer;
    font-family:'Jost',sans-serif;
    font-size:13px;
    font-weight:600;
    transition:.2s ease;
}

.cb-final-search button:hover {
    background:#486647;
}


/* MANIFESTO */

.cb-final-manifesto {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:17px;
    margin-top:16px;
    color:#7e847d;
    font-size:11px;
}

.cb-final-manifesto strong {
    color:#577855;
    font-weight:600;
}

.cb-final-manifesto i {
    color:#aab0a8;
    font-style:normal;
}


/* ==========================================================
   QUATRO CARDS
   ========================================================== */

.cb-home-shortcuts {
    background:#fff;
    padding:22px 28px 28px;
}

.cb-home-shortcuts-grid {
    max-width:980px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

.cb-shortcut {
    min-height:100px;
    position:relative;
    display:flex;
    align-items:center;
    gap:15px;
    padding:17px 18px;
    border-radius:13px;
    border:1px solid #ebe7e0;
    text-decoration:none;
    transition:transform .22s ease, box-shadow .22s ease;
}

.cb-shortcut:hover {
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(50,65,54,.08);
}

.cb-shortcut-icon {
    flex:0 0 48px;
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:21px;
}

.cb-shortcut-content {
    flex:1;
    min-width:0;
}

.cb-shortcut-content h3 {
    margin:0 0 5px;
    font-size:15px;
    line-height:1.15;
    font-weight:600;
}

.cb-shortcut-content p {
    margin:0;
    max-width:190px;
    font-size:10.5px;
    line-height:1.45;
    color:#6f746f;
}

.cb-shortcut-arrow {
    flex:0 0 31px;
    width:31px;
    height:31px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:15px;
}


/* QUERO VENDER */

.cb-shortcut-sell {
    background:#fff8f6;
}

.cb-shortcut-sell .cb-shortcut-icon {
    background:#f8dddd;
    color:#c95f61;
}

.cb-shortcut-sell h3 {
    color:#bb5a5b;
}

.cb-shortcut-sell .cb-shortcut-arrow {
    background:#c96364;
}


/* PARA ARTESÃ */

.cb-shortcut-artesa {
    background:#f4f7f1;
}

.cb-shortcut-artesa .cb-shortcut-icon {
    background:#e4ecdf;
    color:#577855;
}

.cb-shortcut-artesa h3 {
    color:#4f714b;
}

.cb-shortcut-artesa .cb-shortcut-arrow {
    background:#577855;
}


/* INSTAGRAM */

.cb-shortcut-instagram {
    background:#fff7fc;
}

.cb-shortcut-instagram .cb-shortcut-icon {
    background:#f8e0f1;
    color:#c23c9c;
}

.cb-shortcut-instagram h3 {
    color:#b72d94;
}

.cb-shortcut-instagram .cb-shortcut-arrow {
    background:#bd3b9b;
}


/* MURAL — CENTRALIZADO ABAIXO */

.cb-shortcut-mural {
    grid-column:2 / 3;
    min-height:70px;
    background:#fffaf2;
}

.cb-shortcut-mural .cb-shortcut-icon {
    width:42px;
    height:42px;
    flex-basis:42px;
    background:#f8ecd2;
    color:#b87b08;
}

.cb-shortcut-mural h3 {
    color:#a97008;
}

.cb-shortcut-mural .cb-shortcut-arrow {
    background:#bd8208;
}


/* ==========================================================
   RESTAURA APARÊNCIA ORIGINAL DAS FOTOS DOS CARDS
   SEM ALTERAR NENHUMA URL OU LÓGICA DE IMAGEM
   ========================================================== */

.results-grid .card-avatar-wrap {
    width:100% !important;
    height:100% !important;
    border-radius:0 !important;
    background:transparent !important;
}

.results-grid .card-avatar-inner {
    width:100% !important;
    height:100% !important;
    border-radius:0 !important;
    background:transparent !important;
}

.results-grid .card-avatar-inner img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:0 !important;
}


/* RESPONSIVO */

@media(max-width:800px) {

    .cb-home-hero-copy-final h1 {
        font-size:33px;
    }

    .cb-home-shortcuts-grid {
        grid-template-columns:1fr;
    }

    .cb-shortcut-mural {
        grid-column:auto;
    }
}

@media(max-width:560px) {

    .cb-home-hero-inner-final {
        padding:30px 18px 24px;
    }

    .cb-final-search {
        align-items:stretch;
        flex-wrap:wrap;
    }

    .cb-final-search-icon {
        display:none;
    }

    .cb-final-search-field {
        width:100%;
        flex-basis:100%;
        padding:8px 10px;
    }

    .cb-final-search button {
        width:100%;
        min-height:43px;
    }

    .cb-final-manifesto {
        gap:7px;
        flex-wrap:wrap;
    }
}


/* ==========================================================
   CRIATIVAS BRASIL — AJUSTE DE LEVEZA / FUNDO BRANCO
   SOMENTE DESIGN — NÃO ALTERA FOTOS, PATHS OU IMAGENS
   ========================================================== */

/* Página inteira branca */
html,
body {
    background: #ffffff !important;
}

/* Primeira dobra branca e mais leve */
.cb-home-hero-final {
    background: #ffffff !important;
    border-bottom: 0 !important;
}

.cb-home-hero-inner-final {
    padding-top: 42px !important;
    padding-bottom: 30px !important;
}

/* Título mais delicado */
.cb-home-hero-copy-final {
    margin-bottom: 24px !important;
}

.cb-home-hero-copy-final .cb-home-eyebrow {
    color: #71866c !important;
    letter-spacing: 3px !important;
    font-size: 8px !important;
}

.cb-home-hero-copy-final h1 {
    color: #344438 !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
}

.cb-home-hero-copy-final h1 span {
    color: #5f7f5a !important;
}

.cb-home-hero-copy-final p {
    color: #8a8f89 !important;
    font-size: 13px !important;
}

/* Busca mais leve */
.cb-final-search {
    border: 1px solid #eeeeea !important;
    box-shadow: 0 8px 25px rgba(54, 69, 57, 0.055) !important;
}

.cb-final-search button {
    background: #638260 !important;
}

.cb-final-search button:hover {
    background: #557352 !important;
}

/* Frase abaixo da busca */
.cb-final-manifesto {
    color: #a0a49f !important;
    margin-top: 15px !important;
}

.cb-final-manifesto strong {
    color: #698566 !important;
}

/* Área dos quatro cards totalmente branca */
.cb-home-shortcuts {
    background: #ffffff !important;
    padding-top: 24px !important;
    padding-bottom: 38px !important;
}

.cb-home-shortcuts-grid {
    gap: 16px !important;
}

/* Cards mais suaves */
.cb-shortcut {
    border-color: #efede8 !important;
    box-shadow: none !important;
}

.cb-shortcut:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(54, 69, 57, 0.06) !important;
}

/* Fundos dos cards mais claros */
.cb-shortcut-sell {
    background: #fffafa !important;
}

.cb-shortcut-artesa {
    background: #fafcf9 !important;
}

.cb-shortcut-instagram {
    background: #fffafd !important;
}

.cb-shortcut-mural {
    background: #fffdf8 !important;
}

/* ==========================================================
   ÁREA DE DESTAQUES — RETIRA O CINZA
   ========================================================== */

.cb-featured-section,
.cb-featured,
.cb-featured-wrapper,
.cb-featured-container,
.cb-featured-area {
    background: #ffffff !important;
}

/* Caso a seção esteja herdando fundo de um container genérico */
main,
main > section {
    background-color: #ffffff;
}

/* Mais espaço visual entre atalhos e destaques */
.cb-featured-section {
    padding-top: 34px !important;
}

/* Mantém os cards dos profissionais brancos */
.cb-featured-card {
    background: #ffffff !important;
}

/*
 IMPORTANTÍSSIMO:
 Nenhuma regra de img, card-avatar, cover, storage,
 Professional.php ou HomeController foi alterada aqui.
*/


/* ==========================================================
   CRIATIVAS BRASIL — HOME ELEGANTE FINAL
   Somente apresentação visual
   NÃO altera lógica, origem ou URL das fotos
   ========================================================== */


/* ==========================================================
   1. FUNDO GERAL
   ========================================================== */

html,
body {
    background:#ffffff !important;
}

.cb-home-shortcuts,
.cb-featured-section {
    background:#ffffff !important;
}


/* ==========================================================
   2. PRIMEIRA DOBRA — BEGE SUAVE + ONDA MUITO LEVE
   ========================================================== */

.cb-home-hero-final {
    position:relative !important;
    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 50% 5%,
            rgba(255,255,255,.70) 0%,
            rgba(255,255,255,.28) 38%,
            transparent 68%
        ),
        linear-gradient(
            180deg,
            #fbf7f0 0%,
            #f8f2e8 100%
        ) !important;

    border:0 !important;

    padding-bottom:34px !important;
}


/* Curva inferior bem aberta.
   Não é um meio círculo: é apenas uma onda suave. */

.cb-home-hero-final::after {
    content:"";
    position:absolute;
    z-index:1;

    left:-10%;
    bottom:-83px;

    width:120%;
    height:105px;

    background:#ffffff;

    border-radius:50% 50% 0 0 / 100% 100% 0 0;

    pointer-events:none;
}

.cb-home-hero-inner-final {
    position:relative;
    z-index:2;

    max-width:1180px !important;

    padding-top:40px !important;
    padding-bottom:30px !important;
}


/* ==========================================================
   3. TÍTULO — MAIS ELEGANTE E LEVE
   ========================================================== */

.cb-home-hero-copy-final {
    max-width:760px !important;
    margin:0 auto 23px !important;
}

.cb-home-hero-copy-final .cb-home-eyebrow {
    color:#607d5c !important;

    font-size:9px !important;
    font-weight:700 !important;

    letter-spacing:2.7px !important;

    margin-bottom:9px !important;
}

.cb-home-hero-copy-final h1 {
    margin:0 !important;

    font-family:Georgia, "Times New Roman", serif !important;

    color:#29382d !important;

    font-size:42px !important;
    font-weight:400 !important;

    line-height:1.04 !important;

    letter-spacing:-1px !important;
}

.cb-home-hero-copy-final h1 span {
    display:block !important;
    color:#5c7d58 !important;
}

.cb-home-hero-copy-final p {
    margin:13px auto 0 !important;

    color:#727872 !important;

    font-size:13px !important;
    font-weight:400 !important;
}


/* ==========================================================
   4. PESQUISA
   ========================================================== */

.cb-final-search {
    width:min(720px, 100%) !important;

    margin:0 auto !important;

    background:#ffffff !important;

    border:1px solid rgba(75,94,76,.10) !important;

    border-radius:11px !important;

    padding:6px !important;

    box-shadow:
        0 10px 30px rgba(61,76,63,.065) !important;
}

.cb-final-search-icon {
    color:#5b7957 !important;
}

.cb-final-search-field span {
    color:#5b7957 !important;

    font-size:8px !important;

    letter-spacing:1.3px !important;
}

.cb-final-search-field input {
    color:#555c56 !important;
    font-size:12px !important;
}

.cb-final-search button {
    min-width:125px !important;

    border-radius:8px !important;

    background:#5d7d59 !important;

    color:#ffffff !important;

    font-size:12px !important;

    box-shadow:none !important;
}

.cb-final-search button:hover {
    background:#4e6d4b !important;
}


/* frase inferior */

.cb-final-manifesto {
    margin-top:15px !important;

    color:#939891 !important;

    font-size:10px !important;
}

.cb-final-manifesto strong {
    color:#607d5c !important;
}


/* ==========================================================
   5. QUATRO CARDS NA MESMA LINHA
   ========================================================== */

.cb-home-shortcuts {
    position:relative;
    z-index:4;

    padding:25px 28px 43px !important;
}

.cb-home-shortcuts-grid {
    max-width:1120px !important;

    display:grid !important;

    grid-template-columns:repeat(4, minmax(0,1fr)) !important;

    gap:14px !important;

    margin:0 auto !important;
}

.cb-shortcut {
    min-height:112px !important;

    padding:18px 17px !important;

    border-radius:12px !important;

    border:1px solid rgba(58,71,60,.07) !important;

    box-shadow:
        0 4px 14px rgba(54,69,57,.025) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}

.cb-shortcut:hover {
    transform:translateY(-3px) !important;

    box-shadow:
        0 11px 25px rgba(54,69,57,.075) !important;
}

.cb-shortcut-icon {
    width:48px !important;
    height:48px !important;

    flex-basis:48px !important;

    font-size:21px !important;
}

.cb-shortcut-content h3 {
    margin-bottom:7px !important;

    font-size:14px !important;

    line-height:1.18 !important;
}

.cb-shortcut-content p {
    color:#666d67 !important;

    font-size:10px !important;

    line-height:1.45 !important;
}

.cb-shortcut-arrow {
    width:28px !important;
    height:28px !important;

    flex-basis:28px !important;

    font-size:13px !important;
}


/* CARD 1 — ROSA */

.cb-shortcut-sell {
    background:#fff5f3 !important;
}

.cb-shortcut-sell .cb-shortcut-icon {
    background:#f9deda !important;
    color:#cd5f61 !important;
}

.cb-shortcut-sell h3 {
    color:#c45357 !important;
}

.cb-shortcut-sell .cb-shortcut-arrow {
    background:#ca6062 !important;
}


/* CARD 2 — VERDE */

.cb-shortcut-artesa {
    background:#f5f8f2 !important;
}

.cb-shortcut-artesa .cb-shortcut-icon {
    background:#e4eddf !important;
    color:#597a55 !important;
}

.cb-shortcut-artesa h3 {
    color:#52734f !important;
}

.cb-shortcut-artesa .cb-shortcut-arrow {
    background:#5b7a57 !important;
}


/* CARD 3 — LILÁS / ROSA */

.cb-shortcut-instagram {
    background:#fff7fc !important;
}

.cb-shortcut-instagram .cb-shortcut-icon {
    background:#f8e0f2 !important;
    color:#c03c9b !important;
}

.cb-shortcut-instagram h3 {
    color:#b93495 !important;
}

.cb-shortcut-instagram .cb-shortcut-arrow {
    background:#be3c9c !important;
}


/* CARD 4 — LARANJA CLARO */

.cb-shortcut-mural {
    grid-column:auto !important;

    min-height:112px !important;

    background:#fff8ed !important;
}

.cb-shortcut-mural .cb-shortcut-icon {
    width:48px !important;
    height:48px !important;

    flex-basis:48px !important;

    background:#faecd3 !important;

    color:#c07b08 !important;
}

.cb-shortcut-mural h3 {
    color:#b87305 !important;
}

.cb-shortcut-mural .cb-shortcut-arrow {
    background:#bf7d08 !important;
}


/* ==========================================================
   6. DESTAQUES — FUNDO BRANCO E MAIS RESPIRO
   ========================================================== */

.cb-featured-section {
    max-width:1180px !important;

    padding-top:42px !important;
    padding-bottom:54px !important;
}

.cb-featured-heading {
    margin-bottom:26px !important;
}

.cb-featured-heading h2 {
    color:#2f3c31 !important;

    font-size:27px !important;
    font-weight:600 !important;
}

.cb-featured-heading p {
    color:#7c817c !important;
}


/* cards do carrossel */

.cb-featured-card {
    background:#ffffff !important;

    border:1px solid #eceee9 !important;

    border-radius:11px !important;

    box-shadow:
        0 5px 16px rgba(44,57,47,.045) !important;
}

.cb-featured-card:hover {
    box-shadow:
        0 12px 28px rgba(44,57,47,.085) !important;
}


/* ==========================================================
   7. FOTOS DAS ARTESÃS — VOLTA AO FORMATO ORIGINAL
   ========================================================== */

/*
   ATENÇÃO:
   ESTE BLOCO ALTERA APENAS TAMANHO / FORMATO VISUAL.

   NÃO altera:
   - src da foto
   - getThumbUrl()
   - Product
   - Professional
   - Storage
   - HomeController
   - banco
*/


.results-grid .card-header {
    position:relative !important;

    height:165px !important;

    padding:0 !important;

    overflow:hidden !important;

    background:#f6f5f2 !important;
}


/* ocupa novamente toda a área superior do card */

.results-grid .card-avatar-wrap {
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
}

.results-grid .card-avatar-inner {
    width:100% !important;
    height:100% !important;

    margin:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
}


/* FOTO RETANGULAR ORIGINAL */

.results-grid .card-avatar-inner img {
    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:cover !important;

    border:0 !important;
    border-radius:0 !important;

    transform:none !important;
}


/* ==========================================================
   8. CARDS DA LISTAGEM — RETIRA O PESO DO LARANJA
   ========================================================== */

.results-grid .card {
    background:#ffffff !important;

    border:1px solid #eceee9 !important;

    border-radius:10px !important;

    box-shadow:
        0 4px 15px rgba(45,57,48,.035) !important;

    overflow:hidden !important;
}

.results-grid .card-featured {
    border-color:#dde7d9 !important;

    box-shadow:
        0 4px 17px rgba(71,96,68,.05) !important;
}


/* botão mais elegante */

.results-grid .btn-perfil {
    background:#ffffff !important;

    color:#567653 !important;

    border:1px solid #d9e2d6 !important;

    border-radius:6px !important;

    box-shadow:none !important;
}

.results-grid .btn-perfil:hover {
    background:#f5f8f3 !important;

    color:#476644 !important;

    border-color:#bfcfbb !important;
}


/* Destaque menor e mais discreto */

.results-grid .badge-destaque {
    background:rgba(255,255,255,.93) !important;

    color:#577855 !important;

    border:1px solid rgba(87,120,85,.14) !important;

    box-shadow:none !important;
}


/* ==========================================================
   9. MURAL — LEVE
   ========================================================== */

.cb-mural-section {
    background:#fffaf3 !important;

    border-top:1px solid #f1ece3 !important;
    border-bottom:1px solid #f1ece3 !important;
}

.cb-mural-inner {
    padding-top:43px !important;
    padding-bottom:43px !important;
}


/* ==========================================================
   10. RESPONSIVO
   ========================================================== */

@media(max-width:1000px) {

    .cb-home-shortcuts-grid {
        grid-template-columns:repeat(2,1fr) !important;
    }

}

@media(max-width:700px) {

    .cb-home-hero-copy-final h1 {
        font-size:33px !important;
    }

    .cb-home-shortcuts-grid {
        grid-template-columns:1fr !important;
    }

    .cb-shortcut-mural {
        grid-column:auto !important;
    }

    .results-grid .card-header {
        height:180px !important;
    }

}



/* ==========================================================
   HOME — ONDA FINAL MAIS LEVE
   SOMENTE DESIGN
   NÃO ALTERA FOTOS
   ========================================================== */

.cb-home-hero-final {
    position: relative !important;
    overflow: hidden !important;
    padding-bottom: 46px !important;

    background:
        radial-gradient(
            ellipse at 50% 5%,
            rgba(255,255,255,.76) 0%,
            rgba(255,255,255,.34) 38%,
            rgba(255,255,255,0) 70%
        ),
        linear-gradient(
            180deg,
            #fbf7f0 0%,
            #f8f1e7 100%
        ) !important;
}

/* Onda larga e suave */
.cb-home-hero-final::after {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    left: -8% !important;
    bottom: -63px !important;

    width: 116% !important;
    height: 100px !important;

    background: #ffffff !important;

    border-radius:
        48% 52% 0 0 /
        72% 72% 0 0 !important;

    transform: scaleX(1.12) !important;

    pointer-events: none !important;
}

/* Mantém o conteúdo acima da onda */
.cb-home-hero-inner-final {
    position: relative !important;
    z-index: 2 !important;

    padding-top: 38px !important;
    padding-bottom: 25px !important;
}

/* Faz a transição para os cards ficar mais leve */
.cb-home-shortcuts {
    position: relative !important;
    z-index: 3 !important;

    background: #ffffff !important;

    padding-top: 22px !important;
}


/*
   IMPORTANTE:
   Nenhuma regra de:
   img
   card-avatar
   getThumbUrl
   Product
   Professional
   HomeController
   storage
   foi alterada.
*/



/* ==========================================================
   CRIATIVAS BRASIL — BOTÂNICO DELICADO FINAL
   ========================================================== */

/* Mantém a dobra bege clara */
.cb-home-hero-final {
    isolation:isolate !important;
    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(255,255,255,.76) 0%,
            rgba(255,255,255,.28) 42%,
            rgba(255,255,255,0) 73%
        ),
        linear-gradient(
            180deg,
            #fbf7f0 0%,
            #f8f2e8 100%
        ) !important;
}


/* ==========================================================
   GALHOS LATERAIS
   ========================================================== */

.cb-botanical {
    position:absolute;
    z-index:0;

    top:12px;

    width:245px;
    height:285px;

    color:#b99b67;

    opacity:.22;

    pointer-events:none;
    user-select:none;
}

.cb-botanical svg {
    width:100%;
    height:100%;
    display:block;
}


/* esquerdo */
.cb-botanical-left {
    left:-46px;

    transform:
        rotate(-4deg);
}


/* direito espelhado */
.cb-botanical-right {
    right:-46px;

    transform:
        scaleX(-1)
        rotate(-4deg);
}


/* Conteúdo sempre acima da decoração */
.cb-home-hero-inner-final {
    position:relative !important;
    z-index:2 !important;
}


/* ==========================================================
   ONDA SUAVE DA REFERÊNCIA
   ========================================================== */

.cb-home-hero-final::after {
    content:"" !important;

    position:absolute !important;
    z-index:1 !important;

    left:-8% !important;
    bottom:-65px !important;

    width:116% !important;
    height:100px !important;

    background:#fff !important;

    border-radius:
        50% 50% 0 0 /
        68% 68% 0 0 !important;

    transform:scaleX(1.14) !important;

    pointer-events:none !important;
}


/* ==========================================================
   QUATRO CARDS — MESMA LINHA
   ========================================================== */

.cb-home-shortcuts-grid {
    max-width:1120px !important;

    display:grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap:14px !important;
}


/* Primeiro card */
.cb-shortcut-sell {
    background:#fff5f3 !important;
}

.cb-shortcut-sell .cb-shortcut-icon {
    background:#f9deda !important;
    color:#cc5e61 !important;
}


/* Segundo card */
.cb-shortcut-artesa {
    background:#f5f8f2 !important;
}

.cb-shortcut-artesa .cb-shortcut-icon {
    background:#e5eddf !important;
    color:#577855 !important;
}


/* Terceiro card */
.cb-shortcut-instagram {
    background:#fff7fc !important;
}

.cb-shortcut-instagram .cb-shortcut-icon {
    background:#f8dff1 !important;
    color:#c13d9c !important;
}


/* Quarto card */
.cb-shortcut-mural {
    grid-column:auto !important;

    background:#fff8ed !important;
}

.cb-shortcut-mural .cb-shortcut-icon {
    background:#faecd3 !important;
    color:#c27c08 !important;
}


/* ==========================================================
   RESPONSIVO
   ========================================================== */

@media(max-width:1050px) {

    .cb-botanical {
        width:190px;
        opacity:.16;
    }

    .cb-botanical-left {
        left:-70px;
    }

    .cb-botanical-right {
        right:-70px;
    }
}

@media(max-width:800px) {

    .cb-botanical {
        opacity:.10;
        width:160px;
    }

    .cb-home-shortcuts-grid {
        grid-template-columns:repeat(2,1fr) !important;
    }
}

@media(max-width:560px) {

    .cb-botanical {
        display:none;
    }

    .cb-home-shortcuts-grid {
        grid-template-columns:1fr !important;
    }
}


/*
   NÃO HÁ NESTE BLOCO QUALQUER ALTERAÇÃO EM:

   .card-avatar-inner img
   getThumbUrl()
   Professional.php
   Product.php
   HomeController.php
   storage/
   banco de dados

   Portanto as fotos das artesãs permanecem intactas.
*/



/* ==========================================================
   BOTÂNICO V2 — MAIS CHEIO, MAS AINDA DELICADO
   ========================================================== */

.cb-botanical {
    top:2px !important;

    width:285px !important;
    height:315px !important;

    color:#b99b67 !important;

    opacity:.16 !important;
}

.cb-botanical-left {
    left:-62px !important;
    transform:rotate(-2deg) !important;
}

.cb-botanical-right {
    right:-62px !important;
    transform:scaleX(-1) rotate(-2deg) !important;
}


/* ==========================================================
   ÍCONES DOS QUATRO CARDS
   ========================================================== */

.cb-shortcut-svg {
    width:27px;
    height:27px;
    display:block;
}

.cb-shortcut-icon {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* Loja */
.cb-shortcut-sell .cb-shortcut-svg {
    color:#cc5e61;
}

/* Folha */
.cb-shortcut-artesa .cb-shortcut-svg {
    color:#577855;
}

/* Instagram */
.cb-shortcut-instagram .cb-shortcut-svg {
    color:#c13d9c;
}

/* Mural */
.cb-shortcut-mural .cb-shortcut-svg {
    color:#c27c08;
}


/*
   NÃO ALTERA FOTOS.
   Nenhuma regra de imagens das artesãs foi modificada.
*/


/* ==========================================================
   GALHOS — AJUSTE FINAL DA REFERÊNCIA
   Somente decoração botânica
   ========================================================== */

.cb-botanical {
    top:10px !important;

    width:250px !important;
    height:285px !important;

    color:#b99a67 !important;

    opacity:.20 !important;

    pointer-events:none !important;
}

.cb-botanical-left {
    left:-36px !important;

    transform:
        rotate(-5deg) !important;
}

.cb-botanical-right {
    right:-36px !important;

    transform:
        scaleX(-1)
        rotate(-5deg) !important;
}


/* Desktop grande: deixa o ramo respirar mais */
@media(min-width:1500px) {

    .cb-botanical {
        width:275px !important;
        height:305px !important;
    }

    .cb-botanical-left {
        left:-42px !important;
    }

    .cb-botanical-right {
        right:-42px !important;
    }
}


/* Tablet */
@media(max-width:900px) {

    .cb-botanical {
        width:190px !important;
        opacity:.13 !important;
    }

    .cb-botanical-left {
        left:-72px !important;
    }

    .cb-botanical-right {
        right:-72px !important;
    }
}


/* Celular */
@media(max-width:560px) {

    .cb-botanical {
        display:none !important;
    }
}


/*
   ESTE AJUSTE NÃO ALTERA:
   - ícones dos cards
   - fotos
   - carrossel
   - HomeController
   - Professional.php
   - Product.php
   - storage
*/


/* ==========================================================
   CRIATIVAS BRASIL — ACABAMENTO FINAL DA PRIMEIRA DOBRA
   Não altera cards, ícones ou fotos
   ========================================================== */

/* Garante que qualquer decoração botânica anterior desapareça */
.cb-botanical {
    display:none !important;
}


/* Frase institucional abaixo da busca */
.cb-final-manifesto {
    margin-top:18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:14px !important;

    font-size:12px !important;
    line-height:1.2 !important;

    letter-spacing:.25px !important;

    color:#d48a28 !important;
}


/* Todos os três textos em amarelo/alaranjado da identidade */
.cb-final-manifesto span,
.cb-final-manifesto strong {
    color:#d48a28 !important;
    font-weight:500 !important;
}


/* “Feito com propósito” ganha só um pouco mais de presença */
.cb-final-manifesto strong {
    font-weight:650 !important;
}


/* Pontos separadores mais suaves */
.cb-final-manifesto i,
.cb-final-manifesto .cb-home-dot {
    color:#e5b76f !important;
    font-size:10px !important;
}


/* Primeiro item um pouco mais delicado */
.cb-final-manifesto span:first-child {
    color:#c98227 !important;
}


/* Mobile */
@media(max-width:560px) {

    .cb-final-manifesto {
        gap:7px !important;
        font-size:10px !important;
        flex-wrap:wrap !important;
    }
}


/*
   NENHUMA ALTERAÇÃO FOI FEITA EM:
   - fotos
   - getThumbUrl()
   - card-avatar
   - carrossel
   - cards dos atalhos
   - ícones
   - Professional.php
   - Product.php
   - HomeController.php
*/


/* ==========================================================
   CRIATIVAS BRASIL — REFINO FINAL DA PRIMEIRA DOBRA
   Somente visual
   NÃO altera fotos, cards ou carrossel
   ========================================================== */


/* Bege com profundidade muito suave */
.cb-home-hero-final {
    background:
        radial-gradient(
            ellipse at 50% 15%,
            rgba(255,255,255,.72) 0%,
            rgba(255,255,255,.28) 44%,
            rgba(255,255,255,0) 72%
        ),
        linear-gradient(
            180deg,
            #fbf7f0 0%,
            #f7efe3 68%,
            #f9f3e9 100%
        ) !important;

    box-shadow:
        inset 0 -18px 32px rgba(170,135,82,.035) !important;
}


/* Frase institucional abaixo da busca */
.cb-final-manifesto {
    margin-top:19px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:22px !important;

    font-family:'Jost',sans-serif !important;

    font-size:11.5px !important;
    font-weight:400 !important;

    letter-spacing:.35px !important;

    color:#cf8828 !important;
}


/* TODOS com mesma aparência */
.cb-final-manifesto span,
.cb-final-manifesto strong {
    color:#cf8828 !important;

    font-family:'Jost',sans-serif !important;

    font-size:11.5px !important;
    font-weight:400 !important;

    letter-spacing:.35px !important;
}


/* Remove qualquer diferença do último texto */
.cb-final-manifesto strong {
    font-weight:400 !important;
}


/* Pontos de separação */
.cb-final-manifesto i,
.cb-final-manifesto .cb-home-dot {
    color:#ddb16c !important;

    font-size:7px !important;

    font-style:normal !important;

    margin:0 1px !important;
}


/* Caso exista algum símbolo no primeiro item, deixa só texto */
.cb-final-manifesto span:first-child {
    color:#cf8828 !important;
}


/* Mobile */
@media(max-width:560px) {

    .cb-final-manifesto {
        gap:10px !important;

        font-size:10px !important;

        flex-wrap:wrap !important;
    }

    .cb-final-manifesto span,
    .cb-final-manifesto strong {
        font-size:10px !important;
    }
}


/*
   NÃO ALTERA:
   - fotos
   - cards
   - ícones
   - carrossel
   - lógica Laravel
*/