/* D'Ascola Teck — perfil social integrado. Inspirado na hierarquia visual do Instagram.
 * Escopo isolado: somente página inicial; sem modificar login/cliente/rodapé. */
body.dt-public .dt-refresh .dt-ig-section {
  --ig-text:#142235; --ig-muted:#68778b; --ig-border:#e1e7ee; --ig-surface:#ffffff;
  --ig-button:#0095f6; --ig-button-hover:#0079d0; --ig-surface-alt:#f6f8fc;
  background:linear-gradient(180deg,#f6f9fd 0%,#f9fbfe 100%) !important;
  color:var(--ig-text) !important;
  padding:clamp(44px,5vw,78px) 0 !important;
}
body.dt-public .dt-ig-section *,body.dt-public .dt-ig-section *::before,body.dt-public .dt-ig-section *::after { box-sizing:border-box; }
body.dt-public .dt-ig-shell { max-width:1250px; }
body.dt-public .dt-ig-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 18px; }
body.dt-public .dt-ig-section-label { display:inline-flex; align-items:center; gap:9px; color:#0068ac; font-weight:750; font-size:11px; letter-spacing:.11em; }
body.dt-public .dt-ig-section-label svg { width:18px; height:18px; }
body.dt-public .dt-ig-official { color:var(--ig-muted); font-size:12px; font-weight:550; }
body.dt-public .dt-ig-layout { display:grid; grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr); align-items:stretch; gap:clamp(16px,2vw,24px); }
body.dt-public .dt-ig-profile-card,body.dt-public .dt-ig-media-panel { background:var(--ig-surface); border:1px solid var(--ig-border); border-radius:22px; min-width:0; box-shadow:0 16px 46px rgba(27,51,84,.055); }
body.dt-public .dt-ig-profile-card { display:flex; flex-direction:column; padding:clamp(18px,2.55vw,32px); }
body.dt-public .dt-ig-identity { display:flex; align-items:center; gap:clamp(14px,2vw,24px); min-width:0; }
body.dt-public .dt-ig-avatar-ring { display:block; flex:none; width:clamp(92px,9.7vw,136px); aspect-ratio:1; padding:4px; border-radius:50%; background:conic-gradient(from 20deg,#f9ce34,#ee2a7b,#6228d7,#405de6,#f9ce34); box-shadow:0 8px 27px rgba(195,53,132,.13); transition:transform .25s ease; }
body.dt-public .dt-ig-avatar-ring:hover { transform:scale(1.035); }
body.dt-public .dt-ig-avatar-inner { display:flex; width:100%; height:100%; padding:4px; border-radius:50%; background:var(--ig-surface); }
body.dt-public .dt-ig-avatar-inner img { width:100%; height:100%; border-radius:50%; object-fit:cover; background:#071526; border:1px solid var(--ig-border); }
body.dt-public .dt-ig-person { min-width:0; flex:1; }
body.dt-public .dt-ig-username-row { display:flex; align-items:center; gap:6px; min-width:0; }
body.dt-public .dt-ig-username { font-weight:750; color:var(--ig-text); font-size:clamp(17px,1.65vw,22px); overflow-wrap:anywhere; letter-spacing:-.025em; text-decoration:none; }
body.dt-public .dt-ig-username:hover { text-decoration:underline; }
body.dt-public .dt-ig-profile-icon { display:inline-flex; color:#007ec4; flex:none; }
body.dt-public .dt-ig-profile-icon svg { width:19px; height:19px; }
body.dt-public .dt-ig-name { display:block; font-size:13px; margin:4px 0 18px; color:var(--ig-muted); font-weight:550; }
body.dt-public .dt-ig-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(5px,1vw,14px); }
body.dt-public .dt-ig-stat { min-width:0; display:flex; flex-direction:column; gap:3px; line-height:1.22; }
body.dt-public .dt-ig-stat strong { color:var(--ig-text); font-size:clamp(16px,1.45vw,20px); font-weight:750; font-variant-numeric:tabular-nums; }
body.dt-public .dt-ig-stat span { font-size:11px; color:var(--ig-muted); }
body.dt-public .dt-ig-bio { margin-top:clamp(20px,2vw,30px); }
body.dt-public .dt-ig-category { display:block; color:var(--ig-muted); font-size:12px; margin-bottom:7px; }
body.dt-public .dt-ig-bio h2 { font-size:clamp(18px,1.8vw,23px) !important; line-height:1.3 !important; letter-spacing:-.025em !important; font-weight:750 !important; margin:0 0 10px; color:var(--ig-text) !important; }
body.dt-public .dt-ig-bio p { font-size:clamp(13px,1.08vw,14px) !important; line-height:1.55 !important; color:var(--ig-muted) !important; margin:0 0 10px !important; text-wrap:pretty; }
body.dt-public .dt-ig-bio-url { color:#004a8f; font-size:13px; font-weight:700; text-decoration:none; overflow-wrap:anywhere; }
body.dt-public .dt-ig-bio-url:hover { text-decoration:underline; }
body.dt-public .dt-ig-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:9px; margin-top:auto; padding-top:24px; }
body.dt-public .dt-ig-follow { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; min-width:min(100%,188px); padding:11px 24px; font-size:13px; line-height:1.3; font-weight:750; text-decoration:none; border-radius:11px; transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; }
body.dt-public .dt-ig-follow { background:linear-gradient(135deg,#feda75 0%,#fa7e1e 18%,#d62976 48%,#962fbf 73%,#4f5bd5 100%); color:#fff !important; box-shadow:0 12px 26px rgba(150,47,191,.24); }
body.dt-public .dt-ig-follow:hover { transform:translateY(-1px); filter:saturate(1.06) brightness(1.01); box-shadow:0 16px 30px rgba(150,47,191,.3); }
body.dt-public .dt-ig-media-panel { padding:clamp(12px,1.4vw,18px); display:flex; flex-direction:column; }
body.dt-public .dt-ig-media-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 2px 13px; }
body.dt-public .dt-ig-media-bar>span { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:800; letter-spacing:.09em; color:var(--ig-text); }
body.dt-public .dt-ig-controls { display:flex; align-items:center; gap:4px; }
body.dt-public .dt-ig-controls [data-ig-counter] { padding:0 7px 0 0; color:var(--ig-muted); font-size:11px; font-weight:700; font-variant-numeric:tabular-nums; }
body.dt-public .dt-ig-controls button { display:grid; place-items:center; width:30px; height:30px; padding:0; color:var(--ig-text); background:var(--ig-surface-alt); border:1px solid var(--ig-border); border-radius:8px; cursor:pointer; }
body.dt-public .dt-ig-controls button:hover { background:var(--ig-border); }
body.dt-public .dt-ig-controls button:disabled { opacity:.38; cursor:not-allowed; }
body.dt-public .dt-ig-controls button[aria-pressed="true"] { color:var(--ig-muted); }
body.dt-public .dt-ig-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(5px,.8vw,10px); }
body.dt-public .dt-ig-tile { position:relative; display:block; min-width:0; width:100%; aspect-ratio:1; overflow:hidden; background:#dce5f2; border-radius:5px; cursor:pointer; text-decoration:none; }
body.dt-public .dt-ig-tile img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
body.dt-public .dt-ig-tile::after { content:''; position:absolute; inset:0; background:rgba(1,9,20,0); transition:background .2s ease; pointer-events:none; }
body.dt-public .dt-ig-tile[href]:hover::after,body.dt-public .dt-ig-tile[href]:focus-visible::after { background:rgba(1,9,20,.25); }
body.dt-public .dt-ig-tile[href]:hover img { transform:scale(1.04); }
body.dt-public .dt-ig-tile-type { position:absolute; top:8px; right:8px; color:#fff; text-shadow:0 1px 5px rgba(0,0,0,.6); font-size:17px; font-weight:800; z-index:1; }
body.dt-public .dt-ig-placeholder { cursor:default; opacity:.55; }
body.dt-public .dt-ig-media-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:13px 2px 0; }
body.dt-public .dt-ig-media-foot span { color:var(--ig-muted); font-size:11px; line-height:1.45; }
body.dt-public .dt-ig-section :is(a,button):focus-visible { outline:3px solid #147fec; outline-offset:3px; }
html[data-theme="dark"] body.dt-public .dt-refresh .dt-ig-section,
html[data-theme="dark"] body.dt-unified-public .dt-ig-section {
  --ig-text:#f4f6f9; --ig-muted:#aab5c2; --ig-border:#2c394b; --ig-surface:#101b2a;
  --ig-surface-alt:#1a293a;
  background:linear-gradient(180deg,#0a1625 0%,#0e2034 100%) !important;
  color:var(--ig-text) !important;
}
html[data-theme="dark"] body.dt-public .dt-ig-section-label {color:#75bfff;}
html[data-theme="dark"] body.dt-public .dt-ig-bio-url {color:#9bd0ff;}
html[data-theme="dark"] body.dt-public .dt-ig-profile-icon {color:#6ab7ff;}
@media(max-width:1000px){
  body.dt-public .dt-ig-layout {grid-template-columns:1fr 1fr;gap:14px;}
  body.dt-public .dt-ig-profile-card {padding:18px;}
  body.dt-public .dt-ig-identity {gap:12px;}
  body.dt-public .dt-ig-avatar-ring {width:94px;}
  body.dt-public .dt-ig-stat span {font-size:10px;}
}
@media(max-width:820px){
  body.dt-public .dt-ig-layout {grid-template-columns:1fr;max-width:670px;margin-inline:auto;}
  body.dt-public .dt-ig-identity {gap:22px;}
  body.dt-public .dt-ig-avatar-ring {width:118px;}
  body.dt-public .dt-ig-profile-card {padding:22px;}
  body.dt-public .dt-ig-stats {max-width:370px;}
}
@media(max-width:540px){
  body.dt-public .dt-refresh .dt-ig-section {padding:34px 0 44px !important;}
  body.dt-public .dt-ig-header {margin-bottom:12px;}
  body.dt-public .dt-ig-official {font-size:10px;}
  body.dt-public .dt-ig-profile-card {border-radius:15px;padding:15px;}
  body.dt-public .dt-ig-media-panel {border-radius:15px;padding:10px;}
  body.dt-public .dt-ig-identity {gap:14px;align-items:center;}
  body.dt-public .dt-ig-avatar-ring {width:90px;padding:3px;}
  body.dt-public .dt-ig-avatar-inner {padding:3px;}
  body.dt-public .dt-ig-username {font-size:17px;}
  body.dt-public .dt-ig-name {font-size:11px;margin:3px 0 11px;}
  body.dt-public .dt-ig-stat strong {font-size:15px;}
  body.dt-public .dt-ig-stat span {font-size:10px;}
  body.dt-public .dt-ig-bio {margin-top:17px;}
  body.dt-public .dt-ig-bio h2 {font-size:18px !important;}
  body.dt-public .dt-ig-actions {padding-top:16px;}
  body.dt-public .dt-ig-follow {width:min(100%,210px);min-height:40px;}
  body.dt-public .dt-ig-media-bar {padding-bottom:9px;}
  body.dt-public .dt-ig-media-foot {align-items:flex-start;}
    body.dt-public .dt-ig-controls button {width:28px;height:28px;}
}
@media(max-width:360px){
  body.dt-public .dt-ig-avatar-ring {width:73px;}
  body.dt-public .dt-ig-identity {gap:10px;}
  body.dt-public .dt-ig-stats {gap:4px;}
  body.dt-public .dt-ig-stat strong {font-size:14px;}
  body.dt-public .dt-ig-stat span {font-size:9px;}
  body.dt-public .dt-ig-official {display:none;}
}
@media(prefers-reduced-motion:reduce){
  body.dt-public .dt-ig-section * {animation:none!important;transition:none!important;}
}

@media(max-width:420px){
  body.dt-public .dt-ig-media-foot {flex-direction:column;gap:8px;align-items:flex-start;}
  body.dt-public .dt-ig-actions {flex-wrap:nowrap;}
  body.dt-public .dt-ig-follow {white-space:nowrap;width:100%;padding:10px 18px;font-size:12px;}
}