/* Kaimana Social — estilos minimalistas, herdam a fonte do tema */
.ks{
	--ks-accent:#35C4C8;
	--ks-ink:#0C3648;
	--ks-muted:#5F7178;
	--ks-line:#E3EBEF;
	--ks-surface:#FFFFFF;
	--ks-soft:#F7FBFC;
	--ks-star:#F4B400;
	--ks-cols:4;
	--ks-gap:8px;
	--ks-radius:16px;
	color:var(--ks-ink);
	font-family:inherit;
	line-height:1.5;
	box-sizing:border-box;
}
.ks *,.ks *::before,.ks *::after{box-sizing:inherit}
.ks.ks-dark,.ks .ks-dark{
	--ks-ink:#FFFFFF;
	--ks-muted:rgba(213,232,235,.75);
	--ks-line:rgba(255,255,255,.12);
	--ks-surface:rgba(255,255,255,.06);
	--ks-soft:rgba(255,255,255,.04);
}
.ks-title{margin:0 0 18px;font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.01em;color:var(--ks-ink)}
.ks-note{font-size:13px;color:#b32d2e;background:#fff3f3;border:1px solid #f5c2c2;padding:8px 12px;border-radius:8px}
.ks-empty{margin:12px 0}

/* Botões */
.ks-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:600;font-size:15px;line-height:1;text-decoration:none!important;border:1.5px solid transparent;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease;cursor:pointer;white-space:nowrap}
.ks-btn:hover{transform:translateY(-1px)}
.ks-btn svg{flex:none}
.ks-btn--ig{background:var(--ks-accent);color:#fff!important}
.ks-btn--ig:hover{filter:brightness(1.06)}
.ks-btn--ghost{background:transparent;color:var(--ks-ink)!important;border-color:var(--ks-line)}
.ks-btn--ghost:hover{border-color:var(--ks-accent);color:var(--ks-accent)!important}

/* ---------- Seguir (cabeçalho do feed e bloco isolado) ---------- */
.ks-follow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--ks-ink)}
.ks-follow img.is-broken{display:none}
.ks-rev__avatar.is-broken{display:none}
.ks-ig__item img.is-broken{opacity:0}
.ks-follow--header{margin-bottom:18px}
.ks-follow--card{padding:22px 24px;border:1px solid var(--ks-line);border-radius:var(--ks-radius);background:var(--ks-surface)}
.ks-follow__avatar{flex:none;width:64px;height:64px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--ks-accent),#0A6E8A);display:block}
.ks-follow__avatar img,.ks-follow__avatar-ph{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--ks-soft);color:var(--ks-accent);border:2px solid var(--ks-surface,#fff)}
.ks-follow__avatar-ph svg{width:26px;height:26px}
.ks-follow__body{flex:1;min-width:180px}
.ks-follow__title{font-weight:800;font-size:18px;letter-spacing:-.01em}
.ks-follow__user{font-weight:600;color:var(--ks-ink);text-decoration:none;font-size:15px}
.ks-follow__user:hover{color:var(--ks-accent)}
.ks-follow__stats{display:flex;gap:14px;font-size:13px;color:var(--ks-muted);margin-top:2px}
.ks-follow__stats b{color:var(--ks-ink);font-weight:700}
.ks-follow__text{margin:6px 0 0;font-size:14px;color:var(--ks-muted);max-width:52ch}
@media (max-width:560px){
	.ks-follow--card{flex-direction:column;align-items:flex-start}
	.ks-follow .ks-btn{width:100%;justify-content:center}
}

/* ---------- Instagram grid ---------- */
.ks-ig__grid{display:grid;grid-template-columns:repeat(var(--ks-cols),minmax(0,1fr));gap:var(--ks-gap)}
.ks-ig__item{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:var(--ks-soft);text-decoration:none!important}
.ks-ig__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ks-ig__item:hover img{transform:scale(1.04)}
.ks-ig__badge{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:rgba(5,29,40,.55);color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.ks-ig__badge svg{width:15px;height:15px}
.ks-ig__over{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:12px;color:#fff;background:linear-gradient(to top,rgba(5,29,40,.78),rgba(5,29,40,0) 65%);opacity:0;transition:opacity .25s ease}
.ks-ig__item:hover .ks-ig__over,.ks-ig__item:focus-visible .ks-ig__over{opacity:1}
.ks-ig__meta{display:flex;gap:12px;font-size:13px;font-weight:600}
.ks-ig__cap{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.9}
.ks-ig__foot{text-align:center;margin-top:18px}
@media (max-width:900px){.ks-ig{--ks-cols:3!important}}
@media (max-width:560px){.ks-ig{--ks-cols:2!important;--ks-gap:6px}.ks-ig__over{display:none}}
@media (hover:none){.ks-ig__over{display:none}}

/* ---------- Avaliações ---------- */
.ks-rev__head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.ks-rev__brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}
.ks-rev__score{display:flex;align-items:center;gap:10px}
.ks-rev__score b{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1}
.ks-rev__total{font-size:13px;color:var(--ks-muted)}
.ks-rev__write{margin-left:auto;padding:9px 16px;font-size:14px}
@media (max-width:560px){.ks-rev__write{margin-left:0;width:100%;justify-content:center}}

.ks-stars{display:inline-flex;gap:1px;vertical-align:middle}
.ks-star{position:relative;display:inline-block;color:var(--ks-line);line-height:0}
.ks-star svg{display:block}
.ks-star__fill{position:absolute;inset:0;overflow:hidden;color:var(--ks-star)}
.ks-dark .ks-star{color:rgba(255,255,255,.22)}

.ks-rev__wrap{position:relative}
.ks-rev__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 10px;-ms-overflow-style:none;scrollbar-width:none;outline:none}
.ks-rev__track::-webkit-scrollbar{display:none}
.ks-rev--grid .ks-rev__track{display:grid;grid-template-columns:repeat(var(--ks-cols),minmax(0,1fr));overflow:visible;scroll-snap-type:none}
.ks-rev__card{flex:0 0 calc((100% - 28px)/3);scroll-snap-align:start;background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ks-rev--grid .ks-rev__card{flex:none}
@media (max-width:900px){.ks-rev__card{flex-basis:calc((100% - 14px)/2)}.ks-rev--grid{--ks-cols:2!important}}
@media (max-width:560px){.ks-rev__card{flex-basis:88%}.ks-rev--grid{--ks-cols:1!important}}
.ks-rev__who{display:flex;align-items:center;gap:12px}
.ks-rev__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.ks-rev__avatar--ini{display:flex;align-items:center;justify-content:center;background:var(--ks-soft);color:var(--ks-accent);font-weight:700;font-size:14px;border:1px solid var(--ks-line)}
.ks-rev__name{font-weight:700;font-size:15px;line-height:1.2}
.ks-rev__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ks-muted);margin-top:3px}
.ks-rev__src{margin-left:auto;opacity:.85;line-height:0}
.ks-rev__src svg{width:18px;height:18px}
.ks-rev__text{margin:0;font-size:15px;line-height:1.55;color:var(--ks-ink);opacity:.92}
.ks-rev__more{align-self:flex-start;background:none;border:0;padding:0;color:var(--ks-accent);font-weight:600;font-size:13px;cursor:pointer;font-family:inherit}
.ks-rev__more:hover{text-decoration:underline}

.ks-rev__nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--ks-line);background:var(--ks-surface,#fff);color:var(--ks-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 4px 14px rgba(5,29,40,.08);transition:border-color .15s,color .15s,opacity .15s;padding:0}
.ks-rev__nav:hover{border-color:var(--ks-accent);color:var(--ks-accent)}
.ks-rev__nav--prev{left:-14px}
.ks-rev__nav--next{right:-14px}
.ks-rev__nav[disabled]{opacity:.35;cursor:default}
.ks-dark .ks-rev__nav{background:#0C3648}
@media (max-width:560px){.ks-rev__nav{display:none}}
.ks-rev__dots{display:flex;justify-content:center;gap:6px;margin-top:8px}
.ks-rev__dots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:var(--ks-line);cursor:pointer;transition:width .2s,background .2s}
.ks-rev__dots button.is-active{width:20px;border-radius:4px;background:var(--ks-accent)}
.ks-rev__dots:empty{display:none}

/* ---------- Combo: Google + Instagram na mesma área ---------- */
.ks-combo{display:block}
.ks-combo__head{margin-bottom:28px;max-width:60ch}
.ks-combo__title{margin:0 0 8px;font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--ks-ink)}
.ks-combo__sub{margin:0;font-size:16px;color:var(--ks-muted)}
.ks-combo__grid{display:grid;gap:40px}
.ks-combo--colunas .ks-combo__grid{grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.ks-combo--colunas .ks-rev__card{flex-basis:100%}
.ks-combo--colunas .ks-rev__nav--prev{left:-8px}
.ks-combo--colunas .ks-rev__nav--next{right:-8px}
.ks-combo--colunas .ks-ig{--ks-cols:2!important}
.ks-combo__col{min-width:0}
.ks-combo__col>.ks{margin:0;min-width:0}
.ks-rev__wrap,.ks-rev__track{min-width:0;max-width:100%}
.ks-combo__follow{margin-top:40px}
.ks-combo .ks-title{font-size:20px;margin-bottom:14px}
@media (max-width:900px){.ks-combo--colunas .ks-combo__grid{grid-template-columns:1fr;gap:36px}.ks-combo--colunas .ks-ig{--ks-cols:3!important}}
@media (max-width:560px){.ks-combo__grid{gap:32px}.ks-combo--colunas .ks-ig{--ks-cols:2!important}.ks-combo__follow{margin-top:28px}}

/* ---------- Selo (hero): pílula + mini-avaliações ---------- */
.ks-selo{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:left}
.ks-selo__pill{display:inline-flex;align-items:center;gap:10px;padding:9px 18px 9px 14px;border-radius:999px;background:var(--ks-surface);border:1px solid var(--ks-line);text-decoration:none!important;color:var(--ks-ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s,transform .2s}
.ks-selo__pill:hover{border-color:var(--ks-accent);transform:translateY(-1px)}
.ks-selo__pill svg{flex:none}
.ks-selo__nota{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1}
.ks-selo__total{font-size:13px;font-weight:600;color:var(--ks-muted);white-space:nowrap}
.ks-selo__cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:760px}
.ks-selo__card{flex:1 1 260px;max-width:360px;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;background:var(--ks-surface);border:1px solid var(--ks-line);text-decoration:none!important;color:var(--ks-ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s,transform .2s}
.ks-selo__card:hover{border-color:var(--ks-accent);transform:translateY(-2px)}
.ks-selo__who{display:flex;align-items:center;gap:10px}
.ks-selo__who .ks-rev__avatar{width:32px;height:32px;font-size:12px}
.ks-selo__who>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.ks-selo__who>svg{width:16px;height:16px;opacity:.85;flex:none}
.ks-selo__name{font-weight:700;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ks-selo__text{font-size:13.5px;line-height:1.45;opacity:.9}
.ks-selo.ks-dark{--ks-surface:rgba(255,255,255,.10);--ks-line:rgba(255,255,255,.18);--ks-muted:rgba(234,244,244,.8)}
.ks-selo.ks-dark .ks-rev__avatar--ini{background:rgba(255,255,255,.12);color:#fff;border-color:transparent}
@media (max-width:600px){.ks-selo__cards{flex-direction:column;align-items:stretch;width:100%;max-width:360px}.ks-selo__card{max-width:none;flex:0 0 auto}.ks-selo__card:nth-child(n+2){display:none}.ks-selo__total{white-space:normal;text-align:left;font-size:12px}}
