:root{
  /* Base Sweet Catarina (claro - rosê/champagne) */
  --bg:#E8CDBA;         /* champagne do logo */
  --card:#F7EEE8;       /* creme rosado (cards) */
  --card2:#F3E5DD;      /* variação (inputs/boxes) */
  --text:#3E3430;       /* texto principal (escuro quente) */
  --muted:#7A6F67;      /* texto secundário (cinza quente) */
  --line:#E1C6B3;       /* linhas/bordas suaves */
  --primary:#C97C86;    /* rosê (destaques/botões) */
  --danger:#C84857;     /* vermelho discreto */
  --ok:#2E9C6B;         /* verde discreto */
  --warn:#B8892A;       /* dourado/âmbar */
  --info:#4A78C2;       /* azul discreto */
  --chip:#F1DED4;       /* chips */
  --shadow: 0 10px 26px rgba(62,52,48,.12);
  --radius:18px;

  /* HERO (Topo listrado / capa) */
  --hero-img: url("https://assets.accon.ai/merchants/capas/782-1762982379418.avif");
  --hero-overlay-1: rgba(255,255,255,.74);
  --hero-overlay-2: rgba(255,255,255,.55);
  --hero-overlay-3: rgba(255,255,255,.35);
}

*{ box-sizing:border-box; }

html,body{
  margin:0; padding:0;
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Globais */
a{ color:var(--text); text-decoration:none; }
a:hover{ text-decoration:underline; }

.container{ width:min(1100px, 92vw); margin:0 auto; padding:18px 0 32px; }

.muted{ color:var(--muted); }
.small{ font-size:.86rem; }

/* ===========================
   Sweet Catarina — estilo Linktree
   =========================== */
.sc-links-wrap{
  --bg: #d6cec3;
  --border: #9d8979;
  --text: #726159;
  --title: #9d8979;

  background: var(--bg);
  padding: 28px 14px;
  display: flex;
  justify-content: center;
}

.sc-links-card{
  width: 100%;
  max-width: 580px;
}

.sc-profile{
  text-align: center;
  padding: 10px 8px 18px 8px;
  font-family: "EB Garamond", serif;
}

.sc-avatar{
  width: 96px;
  height: 96px;
  border-radius: 999px;
  object-fit: contain;
  display: inline-block;
  margin-bottom: 10px;
}

.sc-title{
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.1;
  color: var(--title);
  font-weight: 600;
}

.sc-desc{
  margin: 6px auto 0 auto;
  max-width: 520px;
  color: var(--title);
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}

.sc-social{
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.sc-social-ig{
  color: var(--title);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 999px;
  transition: transform .12s ease;
  text-decoration: none;
}
.sc-social-ig:hover{ transform: scale(1.07); }

.sc-links-list{
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.sc-link{
  position: relative;
  display: grid;
  grid-template-columns: 52px 1fr;
  align-items: center;
  min-height: 64px;

  padding: 10px 16px;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--text);
  text-decoration: none;

  border-radius: 0; /* igual ao Linktree: ROUNDED_NONE */
  transition: background-color .15s ease, transform .08s ease;
}

.sc-link:hover{ background: rgba(0,0,0,.03); }
.sc-link:active{ transform: scale(.99); }

.sc-link-left{
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.sc-thumb img{
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 6px;
}

.sc-mask{
  background-color: currentColor;
  width: 32px;
  height: 32px;

  -webkit-mask-image: var(--mask-url);
  mask-image: var(--mask-url);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.sc-link-text{
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  padding-right: 44px;
}

/* Ícones nos links (SVG inline) */
.sc-link-left svg{
  width: 32px;
  height: 32px;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .95;
}
.sc-link-left svg.fill{
  fill: currentColor;
  stroke: none;
}

/* ===========================
   TOPO (com fundo listrado/capa)
   =========================== */
.topbar{
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(10px);
}

.topbar-hero{
  position: sticky;
  top: 0;
  z-index: 10;

  position: relative;   /* << ADICIONE */
  overflow: hidden;     /* << ADICIONE */

  padding: 22px 0;
  background-image: var(--hero-img);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

/* Overlay para legibilidade */
.topbar-hero-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    var(--hero-overlay-1) 0%,
    var(--hero-overlay-2) 40%,
    var(--hero-overlay-3) 100%
  );
  pointer-events: none;
}

.topbar-hero-wrap{
  position: relative;
  min-height: 140px; /* << ADICIONE (ajuste conforme preferir) */
}

/* Conteúdo do topo (acima do overlay) */
.topbar-inner{
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 14px 0;
}

/* Card do topo */
.topbar-inner-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(225,198,179,.75);
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(62,52,48,.10);
  padding: 12px 14px;

  /* garante layout interno consistente */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Identidade do topo */
.brand-title{ font-weight:900; letter-spacing:.2px; }
.brand-subtitle{ color:var(--muted); font-size:.85rem; margin-top:2px; }

.nav{ display:flex; gap:10px; }
.nav-link{
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background: rgba(255,255,255,.55);
}
.nav-link:hover{ background: rgba(255,255,255,.72); }

/* Ajuste no mobile */
@media (max-width: 520px){
  .topbar-inner{
    align-items: flex-start;
    gap: 10px;
  }
  .nav-link{
    padding: 9px 10px;
  }
}

/* =========================================================
   LOGO NO HERO
   - Mobile: dentro do card (com “cartão”)
   - Desktop: “placa” colada na direita ocupando altura (como exemplo 2)
   ========================================================= */
.hero-logo{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* Mobile: logo dentro do card */
.hero-logo--in{
  margin-left: 8px;
}
.hero-logo--in img{
  display: block;
  height: 44px;
  width: auto;
  border-radius: 12px;
  border: 1px solid rgba(225,198,179,.75);
  background: rgba(255,255,255,.60);
  padding: 7px 10px;
  box-shadow: 0 10px 25px rgba(62,52,48,.10);
}

/* =========================
   DESKTOP: logo como "placa" QUADRADA preenchida
   ========================= */
@media (min-width: 900px){
  .hero-logo--in{ display: none; }

  .hero-logo--out{
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;          /* << GARANTE altura real */
    z-index: 3;

    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;

    align-items: center;
    justify-content: center;
  }

  .hero-logo--out img{
    width: 140px;
    height: 140px;      /* quadrado */
    display: block;

    object-fit: cover;  /* preenche o quadrado */
    object-position: center;

    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    border-radius: 0;

    opacity: .98;
  }
}

/* Mobile (logo dentro do card) também pode virar quadrado preenchido */
.hero-logo--in img{
  width: 44px;
  height: 44px;        /* quadrado */
  object-fit: cover;   /* preenche */
}

/* ===========================
   Footer
   =========================== */
.footer{ border-top:1px solid var(--line); color:var(--muted); }
.footer-inner{ display:flex; justify-content:space-between; align-items:center; padding:18px 0; }
.footer-note{ font-size:.85rem; }

/* Cabeçalhos / seções */
.page-head{ display:flex; gap:16px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin-top:6px; }
.page-title h1{ margin:0; font-size:1.6rem; }
.page-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }

.section{ margin-top:18px; }
.section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin:12px 0; }
.section-head h2{ margin:0; font-size:1.2rem; }

/* Flash */
.flash-area{ margin:10px 0 0; display:grid; gap:10px; }
.flash{
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.35);
}
.flash-success{ border-color: rgba(46,156,107,.35); }
.flash-error{ border-color: rgba(200,72,87,.35); }

/* Cards */
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.card-focus{ border-color: rgba(201,124,134,.45); }
.card-head{
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.card-title{ font-weight:900; }
.card-body{ padding:16px; }

/* Grid */
.grid{ display:grid; gap:14px; }
.grid.two{ grid-template-columns: 1fr 1fr; }
.grid.three{ grid-template-columns: 1fr 1fr 1fr; }
.grid.four{ grid-template-columns: 1fr 1fr 1fr 1fr; }
@media (max-width: 900px){
  .grid.two, .grid.three, .grid.four{ grid-template-columns: 1fr; }
}

.row{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.space-between{ justify-content:space-between; }
.inline{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }

/* Inputs */
input[type="text"], input[type="date"], select{
  width: 100%;
  max-width: 420px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.55);
  color: var(--text);
  outline: none;
}
input[type="text"]::placeholder{ color: rgba(122,111,103,.9); }
select{ max-width: 240px; }

.field{ display:flex; flex-direction:column; gap:8px; }
label{ font-size:.9rem; color:var(--muted); }
.hint{ font-size:.82rem; color:var(--muted); }

/* Buttons */
.btn{
  appearance:none;
  border:1px solid var(--line);
  background: rgba(255,255,255,.35);
  color: var(--text);
  padding: 10px 12px;
  border-radius: 14px;
  cursor:pointer;
  white-space:nowrap;
}
.btn:hover{ background: rgba(255,255,255,.6); }
.btn-primary{
  border-color: rgba(201,124,134,.55);
  background: rgba(201,124,134,.20);
  font-weight:800;
}
.btn-danger{
  border-color: rgba(200,72,87,.45);
  background: rgba(200,72,87,.12);
}
.btn-big{ width:100%; padding:14px 14px; border-radius:16px; font-weight:900; }
.btn-small{ padding:8px 10px; border-radius:12px; font-size:.9rem; }
.form-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }

/* Pedido cards */
.cards{ display:grid; gap:12px; }
.pedido-card{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.tipo-entrega{ border-left: 6px solid rgba(201,124,134,.75); }
.tipo-retirada{ border-left: 6px solid rgba(122,111,103,.35); }

.pedido-top{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; padding:12px 14px;
  border-bottom:1px solid var(--line);
  flex-wrap:wrap;
}
.badge-area{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }

/* Badge "geral" do sistema */
.badge{
  font-size:.78rem;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.45);
  white-space: nowrap;
}
.badge-entrega{ border-color: rgba(201,124,134,.55); background: rgba(201,124,134,.16); }
.badge-retirada{ border-color: rgba(122,111,103,.30); background: rgba(122,111,103,.10); }
.badge-ok{ border-color: rgba(46,156,107,.40); background: rgba(46,156,107,.12); }
.badge-warn{ border-color: rgba(184,137,42,.40); background: rgba(184,137,42,.12); }
.badge-info{ border-color: rgba(74,120,194,.40); background: rgba(74,120,194,.12); }

.pedido-actions{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.pedido-main{ padding:14px; }
.pedido-title{ font-size:1.15rem; font-weight:900; }
.pedido-meta{ display:flex; gap:14px; flex-wrap:wrap; margin-top:8px; }
.meta-item{ color:var(--muted); font-size:.9rem; }
.meta-label{ color:var(--muted); margin-right:6px; }

.pedido-address{
  margin-top:12px;
  padding:12px;
  border-radius:14px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.55);
}
.pedido-bottom{
  margin-top:12px;
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:flex-end;
  flex-wrap:wrap;
}
.assign-area{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

/* Empty */
.empty{
  margin-top:12px;
  padding:22px;
  border-radius: var(--radius);
  border:1px dashed rgba(122,111,103,.35);
  color:var(--muted);
  background: rgba(255,255,255,.28);
}
.empty.small{ padding:14px; }
.empty-title{ color:var(--text); font-weight:900; margin-bottom:4px; }
.empty-subtitle{ font-size:.92rem; }

/* Codebox */
.codebox{
  padding:12px;
  border-radius:14px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.55);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:.9rem;
  overflow:auto;
}
.spacer{ height:12px; }

/* Chips */
.chips{ margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; }
.chip{
  padding:8px 10px;
  border-radius:999px;
  background: var(--chip);
  border:1px solid var(--line);
  cursor:pointer;
}
.chip:hover{ background: rgba(255,255,255,.55); }

/* Stats */
.stat{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 14px;
}
.stat-num{ font-size:1.6rem; font-weight:950; }
.stat-label{ color:var(--muted); font-size:.9rem; margin-top:2px; }

/* Entregador (mobile) */
.mobile-head{ margin-top:8px; }
.mobile-head-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; flex-wrap:wrap; }
.mobile-head-right{ text-align:right; }
.big{ font-size:1.05rem; font-weight:950; }

.progress{ margin-top:10px; }
.progress-text{ color:var(--muted); font-size:.9rem; margin-bottom:8px; }
.progress-bar{
  height:10px;
  border-radius:999px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.45);
  overflow:hidden;
}
.progress-fill{ height:100%; background: rgba(201,124,134,.65); }

/* KV */
.kv{ display:grid; gap:8px; margin-top:10px; }
.kv-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background: rgba(255,255,255,.55);
}
.kv-k{ color:var(--muted); }
.kv-v{ font-weight:850; }

.address-block{
  margin-top:12px;
  padding:12px;
  border-radius:14px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.55);
}
.address{ font-size:1rem; font-weight:950; margin-top:4px; }

.btn-stack{ display:grid; gap:10px; margin-top:12px; }

/* Mini list */
.mini-list{ display:grid; gap:10px; }
.mini-item{
  display:flex; gap:10px; align-items:center;
  padding:12px;
  border-radius: var(--radius);
  border:1px solid var(--line);
  background: var(--card);
}
.mini-left{ min-width:44px; display:flex; justify-content:center; }
.mini-ordem{
  width:34px; height:34px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line);
  background: rgba(255,255,255,.45);
  font-weight:950;
}
.mini-main{ flex:1; }
.mini-title{ font-weight:950; }
.mini-sub{ color:var(--muted); font-size:.88rem; margin-top:2px; }
.mini-right{ display:flex; align-items:center; }

/* Pill "geral" */
.pill{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(201,124,134,.55);
  background: rgba(201,124,134,.16);
  font-size:.8rem;
}
.pill-gray{
  border-color: rgba(122,111,103,.30);
  background: rgba(122,111,103,.10);
}

/* Toolbar / blocks */
.toolbar{
  margin-top: 10px;
  padding: 12px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(255,255,255,.28);
}
.toolbar-form{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.toolbar-left{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  flex: 1;
}
.toolbar-right{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.block-head{
  margin-top: 18px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.block-head h3{
  margin:0;
  font-size:1.05rem;
}

/* ===========================
   AGENDA SEMANAL (escopado)
   =========================== */
.week-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.day-block{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}

.day-head{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 0;
  background: #f7f7f9;
  cursor: pointer;
  text-align: left;
}

.day-left .day-name{
  font-weight: 700;
  font-size: 16px;
}

.day-left .day-date{
  font-size: 13px;
  opacity: .75;
}

.day-right{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Pill da agenda (não interfere no .pill geral) */
.week-grid .pill{
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  border: 0;
}
.week-grid .pill-entrega{
  background: rgba(0, 92, 230, .10);
}
.week-grid .pill-retirada{
  background: rgba(0, 150, 90, .10);
}

.chev{
  font-size: 14px;
  opacity: .75;
}

.day-body{
  display: none;
  padding: 12px 14px 14px 14px;
}

.day-body.open{ display: block; }

/* Empty da agenda */
.week-grid .empty{
  margin-top: 0;
  padding: 10px 0;
  opacity: .75;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.items{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.item-card{
  border: 1px solid rgba(0,0,0,.08);
  border-left-width: 6px;
  border-radius: 14px;
  padding: 10px 12px;
  background: #fff;
}

.item-entrega{ border-left-color: #005ce6; }
.item-retirada{ border-left-color: #00965a; }

.item-top{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.item-title{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.item-address{
  margin-top: 8px;
  opacity: .85;
}

.item-actions{
  margin-top: 10px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Badge da agenda */
.week-grid .badge{
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.04);
  white-space: nowrap;
}
.week-grid .badge-entrega{
  background: rgba(0, 92, 230, .10);
  border-color: rgba(0, 92, 230, .25);
}
.week-grid .badge-retirada{
  background: rgba(0, 150, 90, .10);
  border-color: rgba(0, 150, 90, .25);
}
.week-grid .badge-docinhos{
  background: rgba(230, 0, 120, .10);
  border-color: rgba(230, 0, 120, .25);
}
.week-grid .badge-bento{
  background: rgba(230, 120, 0, .12);
  border-color: rgba(230, 120, 0, .25);
}
.week-grid .badge-confeitado{
  background: rgba(110, 0, 230, .10);
  border-color: rgba(110, 0, 230, .25);
}
.week-grid .badge-misto{
  background: rgba(90, 90, 90, .10);
  border-color: rgba(90, 90, 90, .20);
}
.week-grid .badge-janela{
  background: rgba(0,0,0,.06);
  border-color: rgba(0,0,0,.12);
}
/* =========================================
   ÍCONES "FOFINHOS" (CSS mask com SVG)
   Uso no HTML: <span class="sc-mask ico-whatsapp"></span>
   ========================================= */

.sc-mask{
  background-color: currentColor;
  width: 34px;
  height: 34px;
  opacity: .95;
}

/* Ajuste de alinhamento do miolo */
.sc-link-left{
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Helpers: cada classe define o --mask-url */
.ico-whatsapp{ --mask-url: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M12.04 2C6.58 2 2.15 6.33 2.15 11.79c0 1.76.46 3.46 1.34 4.96L2 22l5.37-1.41c1.44.78 3.07 1.19 4.72 1.19 5.46 0 9.89-4.33 9.89-9.79C21.98 6.33 17.5 2 12.04 2zm5.78 14.2c-.24.68-1.4 1.3-1.95 1.38-.5.07-1.13.1-1.83-.12-.42-.13-.96-.31-1.66-.6-2.93-1.26-4.83-4.18-4.98-4.39-.14-.2-1.19-1.58-1.19-3.01 0-1.43.75-2.13 1.01-2.42.26-.29.57-.36.76-.36.19 0 .38 0 .55.01.18.01.41-.07.64.49.24.58.82 2 .89 2.15.07.15.12.33.02.53-.1.2-.15.33-.3.51-.15.18-.31.4-.45.54-.15.15-.3.32-.13.62.17.31.76 1.25 1.62 2.02 1.12 1 2.06 1.31 2.37 1.45.31.15.49.12.67-.07.18-.2.77-.9.98-1.2.2-.31.41-.25.69-.15.28.1 1.77.83 2.07.98.31.15.51.22.59.34.08.12.08.7-.16 1.38z'/>\
</svg>"); }

.ico-instagram{ --mask-url: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3z'/>\
<path fill='black' d='M12 7a5 5 0 1 1 0 10a5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6a3 3 0 0 0 0-6z'/>\
<path fill='black' d='M17.5 6.2a1.1 1.1 0 1 1 0 2.2a1.1 1.1 0 0 1 0-2.2z'/>\
</svg>"); }

.ico-mapa{ --mask-url: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7zm0 2a5 5 0 0 0-5 5c0 2.9 3.1 7.6 5 9.9c1.9-2.3 5-7 5-9.9a5 5 0 0 0-5-5z'/>\
<path fill='black' d='M12 6.5a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5z'/>\
</svg>"); }

.ico-site{ --mask-url: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M10.59 13.41a1.996 1.996 0 0 0 2.82 0l3.54-3.54a2 2 0 1 0-2.83-2.83l-1.06 1.06a1 1 0 0 1-1.41-1.41l1.06-1.06a4 4 0 0 1 5.66 5.66l-3.54 3.54a4 4 0 0 1-5.66 0a1 1 0 0 1 1.42-1.42z'/>\
<path fill='black' d='M13.41 10.59a1.996 1.996 0 0 0-2.82 0l-3.54 3.54a2 2 0 1 0 2.83 2.83l1.06-1.06a1 1 0 0 1 1.41 1.41l-1.06 1.06a4 4 0 0 1-5.66-5.66l3.54-3.54a4 4 0 0 1 5.66 0a1 1 0 0 1-1.42 1.42z'/>\
</svg>"); }

.ico-telefone{ --mask-url: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='black' d='M6.6 10.8c1.4 2.7 3.9 5.2 6.6 6.6l2.2-2.2c.3-.3.8-.4 1.2-.2c1 .3 2.1.5 3.2.5c.7 0 1.2.5 1.2 1.2V20c0 .7-.5 1.2-1.2 1.2C10.9 21.2 2.8 13.1 2.8 3.2C2.8 2.5 3.3 2 4 2h3.5c.7 0 1.2.5 1.2 1.2c0 1.1.2 2.2.5 3.2c.1.4 0 .9-.3 1.2L6.6 10.8z'/>\
</svg>"); }

/* Pequeno “toque fofo”: botão/ícone levemente mais arredondado */
.sc-link{
  border-radius: 14px; /* se quiser igual ao Linktree mesmo, volte para 0 */
}