Ambulatório de ISTs
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
.ist-page{
/* ---- Paleta institucional UFV, repaginada ---- */
--bordo:#6e2b33;
--bordo-2:#8c3a45;
--bordo-escuro:#4a1c22;
--verde:#3fae52;
--verde-neon:#7ee08a;
--verde-suave:#eef7e8;
--creme:#faf7f2;
--tinta:#241a1c;
--amarelo:#f4c542;
--raio:22px;
font-family:'Inter',system-ui,sans-serif;
color:var(--tinta);
background:var(--creme);
line-height:1.6;
overflow-x:hidden;
}
.ist-page *{box-sizing:border-box;margin:0}
.ist-page h1,.ist-page h2,.ist-page h3{font-family:'Sora',sans-serif}
.ist-wrap{max-width:1020px;margin:0 auto;padding:0 22px}
/* =================== HERO =================== */
.ist-hero{
position:relative;
background:radial-gradient(1200px 600px at 85% -10%,var(--bordo-2) 0%,var(--bordo) 45%,var(--bordo-escuro) 100%);
color:#fff;
padding:64px 0 130px;
overflow:hidden;
}
.ist-hero::after{ /* onda de transição */
content:"";position:absolute;left:0;right:0;bottom:-2px;height:90px;
background:var(--creme);
clip-path:ellipse(75% 100% at 50% 100%);
}
.ist-blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.16;pointer-events:none}
.ist-blob.b1{width:340px;height:340px;background:var(--verde-neon);top:-120px;left:-100px}
.ist-blob.b2{width:220px;height:220px;background:#fff;bottom:40px;right:-60px}
.ist-selo{
display:inline-flex;align-items:center;gap:8px;
background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);
padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;
letter-spacing:.6px;text-transform:uppercase;
}
.ist-selo i{width:8px;height:8px;border-radius:50%;background:var(--verde-neon)}
.ist-hero h1{
font-size:clamp(34px,6vw,62px);font-weight:800;line-height:1.08;
margin:22px 0 16px;letter-spacing:-1.5px;max-width:16ch;
}
.ist-hero h1 em{
font-style:normal;color:var(--verde-neon);
text-decoration:underline;text-decoration-thickness:6px;
text-underline-offset:8px;text-decoration-color:rgba(126,224,138,.45);
}
.ist-hero p{max-width:52ch;font-size:18px;opacity:.94}
.ist-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.ist-btn{
display:inline-flex;align-items:center;gap:10px;
font-family:'Sora',sans-serif;font-weight:700;font-size:16px;
padding:15px 28px;border-radius:999px;text-decoration:none;
transition:transform .15s,box-shadow .15s;
}
.ist-btn:hover{transform:translateY(-3px)}
.ist-btn-verde{
background:linear-gradient(135deg,var(--verde) 0%,#2e8b40 100%);
color:#fff;box-shadow:0 8px 22px rgba(46,139,64,.45);
}
.ist-btn-verde:hover{color:#fff;box-shadow:0 12px 26px rgba(46,139,64,.55)}
.ist-btn-vazado{border:2px solid rgba(255,255,255,.7);color:#fff}
.ist-btn-vazado:hover{background:rgba(255,255,255,.12);color:#fff}
.ist-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.ist-chip{
background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);
backdrop-filter:blur(4px);
padding:10px 18px;border-radius:14px;font-size:14px;font-weight:600;
}
.ist-chip b{color:var(--verde-neon)}
/* =================== NAV PÍLULAS =================== */
.ist-nav{
position:sticky;top:0;z-index:50;
background:rgba(250,247,242,.9);backdrop-filter:blur(8px);
border-bottom:1px solid #e8e0d5;
padding:10px 0;
}
.ist-nav .ist-wrap{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.ist-nav a{
flex:0 0 auto;font-size:14px;font-weight:600;text-decoration:none;
color:var(--bordo);background:#fff;border:1.5px solid #e3d6c9;
padding:8px 16px;border-radius:999px;transition:.15s;
}
.ist-nav a:hover{background:var(--bordo);color:#fff;border-color:var(--bordo)}
/* =================== SEÇÕES =================== */
.ist-sec{padding:70px 0 10px}
.ist-eyebrow{
display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;
text-transform:uppercase;color:var(--verde);margin-bottom:8px;
}
.ist-sec h2{
font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-1px;
color:var(--bordo-escuro);margin-bottom:14px;
}
.ist-sec>.ist-wrap>p{max-width:68ch;font-size:17px;color:#4c4145}
/* =================== PASSOS (como funciona) =================== */
.ist-passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:34px}
.ist-passo{
background:#fff;border-radius:var(--raio);padding:28px 24px;
border:1px solid #eee4d8;box-shadow:0 4px 18px rgba(110,43,51,.06);
position:relative;transition:transform .18s;
}
.ist-passo:hover{transform:translateY(-6px)}
.ist-passo .n{
font-family:'Sora',sans-serif;font-size:46px;font-weight:800;
color:var(--verde);opacity:.25;position:absolute;top:14px;right:20px;
}
.ist-passo .ico{font-size:34px}
.ist-passo h3{font-size:19px;margin:12px 0 8px;color:var(--bordo-escuro)}
.ist-passo p{font-size:15px;color:#5a4e51}
.ist-faixa-info{
margin-top:26px;background:var(--verde-suave);border:1.5px dashed var(--verde);
border-radius:var(--raio);padding:18px 24px;font-size:16px;
display:flex;gap:12px;align-items:center;flex-wrap:wrap;
}
.ist-faixa-info b{color:#20692f}
/* =================== MANDALA =================== */
.ist-mandala-grid{
display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,.85fr);
gap:30px;align-items:center;margin-top:30px;
}
@media(max-width:760px){.ist-mandala-grid{grid-template-columns:1fr}}
.ist-mandala-card{
background:#fff;border-radius:var(--raio);padding:26px;
border:1px solid #eee4d8;box-shadow:0 4px 18px rgba(110,43,51,.06);
text-align:center;
}
.ist-mandala-card svg{max-width:440px;width:100%;height:auto}
.ist-fatia{cursor:pointer;transition:transform .2s,opacity .2s;transform-origin:300px 300px}
.ist-fatia:hover{opacity:.85}
.ist-fatia.ativa{transform:scale(1.06)}
.ist-painel{
background:var(--bordo);color:#fff;border-radius:var(--raio);
padding:30px 28px;min-height:220px;transition:background .3s;
}
.ist-painel .tag{
display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;
text-transform:uppercase;background:rgba(255,255,255,.18);
padding:5px 12px;border-radius:999px;margin-bottom:12px;
}
.ist-painel h3{font-size:22px;margin-bottom:10px}
.ist-painel p{font-size:15px;opacity:.95}
.ist-dica-toque{font-size:13px;color:#8a7d80;margin-top:12px}
/* =================== PEP 72H =================== */
.ist-pep{
margin-top:34px;background:linear-gradient(135deg,var(--bordo) 0%,var(--bordo-escuro) 100%);
border-radius:calc(var(--raio) + 6px);color:#fff;padding:40px 34px;
position:relative;overflow:hidden;
}
.ist-pep::before{
content:"72h";position:absolute;right:-30px;top:-40px;
font-family:'Sora',sans-serif;font-size:190px;font-weight:800;
color:rgba(255,255,255,.06);line-height:1;
}
.ist-pep h3{font-size:clamp(22px,3vw,30px);margin-bottom:8px}
.ist-pep h3 span{color:var(--verde-neon)}
.ist-pep>p{max-width:62ch;opacity:.94;font-size:16px}
.ist-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:26px}
.ist-t-item{
background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);
border-radius:16px;padding:18px;
}
.ist-t-item b{display:block;font-family:'Sora',sans-serif;font-size:17px;color:var(--verde-neon);margin-bottom:6px}
.ist-t-item span{font-size:14px;opacity:.92}
/* =================== MITOS E VERDADES =================== */
.ist-acc{margin-top:30px;display:grid;gap:12px}
.ist-acc-item{
background:#fff;border:1px solid #eee4d8;border-radius:18px;overflow:hidden;
}
.ist-acc-btn{
width:100%;text-align:left;border:0;background:transparent;cursor:pointer;
font-family:'Sora',sans-serif;font-weight:700;font-size:16.5px;color:var(--tinta);
padding:20px 54px 20px 22px;position:relative;
}
.ist-acc-btn::after{
content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
font-size:26px;color:var(--verde);transition:transform .2s;
}
.ist-acc-item.aberto .ist-acc-btn::after{transform:translateY(-50%) rotate(45deg)}
.ist-acc-corpo{max-height:0;overflow:hidden;transition:max-height .3s ease}
.ist-acc-corpo p{padding:0 22px 20px;font-size:15.5px;color:#4c4145}
.ist-veredito{font-weight:800;font-family:'Sora',sans-serif}
.ist-veredito.mito{color:#c0392b}
.ist-veredito.verdade{color:#20692f}
/* =================== CHECKLIST =================== */
.ist-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:28px}
.ist-check{
display:flex;gap:14px;align-items:flex-start;background:#fff;
border:1px solid #eee4d8;border-radius:16px;padding:18px;cursor:pointer;
transition:border-color .15s,background .15s;user-select:none;
}
.ist-check .caixa{
flex:0 0 26px;height:26px;border:2.5px solid var(--verde);border-radius:8px;
display:flex;align-items:center;justify-content:center;
color:#fff;font-weight:800;font-size:15px;transition:background .15s;margin-top:2px;
}
.ist-check.marcado{background:var(--verde-suave);border-color:var(--verde)}
.ist-check.marcado .caixa{background:var(--verde)}
.ist-check p{font-size:15px}
/* =================== LINKS OFICIAIS =================== */
.ist-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:30px}
.ist-link-card{
display:block;text-decoration:none;background:#fff;color:var(--tinta);
border:1px solid #eee4d8;border-radius:18px;padding:24px 22px;
transition:transform .15s,box-shadow .15s;
}
.ist-link-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(110,43,51,.12);color:var(--tinta)}
.ist-link-card .dom{
font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
color:var(--verde);display:block;margin-bottom:8px;
}
.ist-link-card b{font-family:'Sora',sans-serif;font-size:16.5px;display:block;margin-bottom:6px;color:var(--bordo-escuro)}
.ist-link-card span{font-size:14px;color:#5a4e51}
.ist-link-card .seta{display:inline-block;margin-top:12px;font-weight:700;color:var(--bordo)}
/* =================== ENDEREÇO / FOOTER =================== */
.ist-fim{
margin-top:70px;background:var(--bordo-escuro);color:#fff;
padding:60px 0 0;border-radius:40px 40px 0 0;
}
.ist-fim-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px}
@media(max-width:720px){.ist-fim-grid{grid-template-columns:1fr}}
.ist-fim h2{font-size:clamp(24px,3.5vw,34px);margin-bottom:12px}
.ist-fim h2 span{color:var(--verde-neon)}
.ist-fim p{opacity:.9;font-size:16px}
.ist-fim .card-end{
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
border-radius:18px;padding:24px;font-size:15px;
}
.ist-fim .card-end b{color:var(--verde-neon)}
.ist-rodape{
margin-top:46px;border-top:1px solid rgba(255,255,255,.15);
padding:20px 0;text-align:center;font-size:13.5px;opacity:.75;
}
(function(){
/* ============ MANDALA INTERATIVA ============ */
var dados=[
{t:"Testagem regular", d:"Fazer o teste de HIV e outras ISTs com frequência — principalmente após exposições de risco. É rápido, gratuito e disponível aqui no campus.", c:"#5b4a9f"},
{t:"PEP — Pós-Exposição", d:"Medicamento de emergência tomado em até 72 horas após uma situação de risco, por 28 dias. Disponível no SUS.", c:"#d92b2b"},
{t:"PrEP — Pré-Exposição", d:"Comprimido tomado ANTES das relações por quem tem maior vulnerabilidade ao HIV. Com acompanhamento regular de saúde, pelo SUS.", c:"#1d3f8f"},
{t:"Prevenir transmissão vertical", d:"Cuidados no pré-natal, parto e amamentação que evitam a transmissão do HIV, sífilis e hepatites da mãe para o bebê.", c:"#f2a51a"},
{t:"Imunização", d:"Vacinas contra HPV (disponível no SUS para pessoas de 9 a 45 anos em situações específicas) e hepatite B protegem contra ISTs evitáveis.", c:"#3f9e46"},
{t:"Preservativo + gel", d:"A camisinha (externa ou interna) com gel lubrificante à base de água é a barreira mais versátil: protege contra HIV, sífilis, gonorreia e HPV.", c:"#ef7d1a"},
{t:"Tratar quem vive com HIV", d:"Tratamento também é prevenção: quem mantém carga viral indetectável não transmite o vírus por via sexual (I=I).", c:"#00a08f"},
{t:"Redução de danos", d:"Estratégias como não compartilhar seringas, agulhas e objetos cortantes reduzem riscos para quem usa substâncias.", c:"#4a6572"}
];
var svg=document.getElementById("istMandala");
var painel=document.getElementById("istPainel");
var tTag=document.getElementById("istTag"), tTit=document.getElementById("istTitulo"), tTxt=document.getElementById("istTexto");
if(svg){
var NS="http://www.w3.org/2000/svg", cx=300,cy=300,rOut=272,rIn=100,n=dados.length,gap=1.6;
function pt(r,ang){var a=(ang-90)*Math.PI/180;return[cx+r*Math.cos(a),cy+r*Math.sin(a)];}
var fatias=[];
dados.forEach(function(f,i){
var a0=i*(360/n)+gap, a1=(i+1)*(360/n)-gap;
var p1=pt(rIn,a0),p2=pt(rOut,a0),p3=pt(rOut,a1),p4=pt(rIn,a1);
var d="M"+p1+" L"+p2+" A"+rOut+" "+rOut+" 0 0 1 "+p3+" L"+p4+" A"+rIn+" "+rIn+" 0 0 0 "+p1+" Z";
var path=document.createElementNS(NS,"path");
path.setAttribute("d",d);path.setAttribute("fill",f.c);
path.setAttribute("class","ist-fatia");
path.addEventListener("click",function(){
fatias.forEach(function(x){x.classList.remove("ativa")});
path.classList.add("ativa");
painel.style.background=f.c;
tTag.textContent="Estratégia "+(i+1)+" de 8";
tTit.textContent=f.t;
tTxt.textContent=f.d;
});
svg.appendChild(path);fatias.push(path);
var mid=(a0+a1)/2,c=pt(188,mid);
var circ=document.createElementNS(NS,"circle");
circ.setAttribute("cx",c[0]);circ.setAttribute("cy",c[1]);circ.setAttribute("r",32);
circ.setAttribute("fill","#fff");circ.setAttribute("pointer-events","none");
svg.appendChild(circ);
var num=document.createElementNS(NS,"text");
num.setAttribute("x",c[0]);num.setAttribute("y",c[1]+8);
num.setAttribute("text-anchor","middle");num.setAttribute("font-size","26");
num.setAttribute("font-weight","800");num.setAttribute("fill",f.c);
num.setAttribute("pointer-events","none");
num.setAttribute("font-family","Sora,sans-serif");
num.textContent=i+1;svg.appendChild(num);
});
var centro=document.createElementNS(NS,"circle");
centro.setAttribute("cx",cx);centro.setAttribute("cy",cy);centro.setAttribute("r",rIn-12);
centro.setAttribute("fill","#3a3a3a");svg.appendChild(centro);
["prevenção","combinada"].forEach(function(w,j){
var t=document.createElementNS(NS,"text");
t.setAttribute("x",cx);t.setAttribute("y",cy-2+j*26);
t.setAttribute("text-anchor","middle");t.setAttribute("font-size","23");
t.setAttribute("font-weight","700");t.setAttribute("fill","#fff");
t.setAttribute("font-family","Sora,sans-serif");
t.textContent=w;svg.appendChild(t);
});
}
/* ============ ACCORDION MITOS ============ */
document.querySelectorAll(".ist-acc-btn").forEach(function(btn){
btn.addEventListener("click",function(){
var item=btn.parentElement, corpo=item.querySelector(".ist-acc-corpo");
var aberto=item.classList.contains("aberto");
document.querySelectorAll(".ist-acc-item").forEach(function(x){
x.classList.remove("aberto");
x.querySelector(".ist-acc-corpo").style.maxHeight=null;
});
if(!aberto){item.classList.add("aberto");corpo.style.maxHeight=corpo.scrollHeight+"px";}
});
});
/* ============ CHECKLIST ============ */
document.querySelectorAll(".ist-check").forEach(function(c){
c.addEventListener("click",function(){c.classList.toggle("marcado")});
});
})();
Divisão de Saúde · UFV
Se cuidar é coisa de quem se respeita.
Teste rápido de HIV, sífilis e hepatites B e C — gratuito, sigiloso e sem julgamento, dentro do campus. Chega junto.
🗓️ Quintas, 08h–12h
🚫 Sem agendamento
⚡ Resultado em 30 min
🔒 100% sigiloso
Simples assim
Do corredor do campus ao resultado em 30 minutos
O Ambulatório de ISTs fica ao lado esquerdo da recepção principal da Divisão de Saúde — você nem passa pela recepção, pra garantir sua privacidade.
1🚶
Apareça na quinta
Das 08h às 12h. Sem agendamento, sem burocracia, sem encaminhamento.
2🧪
Faça o teste rápido
HIV, sífilis e hepatites B e C. Uma gotinha de sangue e leitura em até 30 minutos.
3🤝
Receba acolhimento
Conversa com profissional capacitada, escuta qualificada e, se necessário, encaminhamento certo.
ℹ️
Importante: a Divisão de Saúde não realiza PrEP ou PEP. Resultados alterados são encaminhados com carinho para o Serviço Municipal de Saúde (SAE/CTA — Hospital São Sebastião).
Não existe um jeito só
Prevenção combinada: monte a sua estratégia
A prevenção combinada mistura ações biomédicas, comportamentais e estruturais. Toque em cada fatia da mandala e descubra as 8 formas de se proteger.
👆 Toque nas fatias para explorar
Prevenção combinada
Escolha uma fatia
Cada cor da mandala é uma estratégia diferente. Elas funcionam melhor juntas — como um combo de proteção feito por você, para você.
Rolou uma exposição de risco? O relógio da PEP já começou.
A Profilaxia Pós-Exposição (PEP) é um tratamento de emergência do SUS, gratuito, que previne o HIV após relação sem camisinha, rompimento do preservativo, violência sexual ou acidente com material biológico.
⏱️ Até 72hQuanto antes começar, melhor. O ideal é nas primeiras 2 horas.
💊 28 diasDuração do tratamento, com acompanhamento médico. Não interrompa!
🏥 Em ViçosaSAE/CTA — Rua Tenente Kummel, 36, Centro (Hospital São Sebastião).
🛡️ PrEPJá a PrEP é o comprimido tomado ANTES da exposição, para quem tem mais vulnerabilidade. Também é SUS.
Zero fake news
Mitos e verdades que circulam no campus
MITO. A maioria das ISTs não apresenta sintomas visíveis por meses ou anos. A única forma de saber é testando. Por isso a testagem regular é para todo mundo que tem vida sexual ativa.
VERDADE. Ele pode conter agentes infecciosos. Por isso a camisinha deve ser usada do início ao fim de qualquer contato sexual — não só "na hora H".
MITO. O atrito entre as duas aumenta o risco de rompimento. Uma camisinha nova, dentro da validade e bem colocada, é o que protege. E lembre: uma para cada ato, nunca reutilize.
VERDADE. É o conceito I=I (Indetectável = Intransmissível): quem mantém carga viral indetectável por pelo menos 6 meses não transmite o HIV por via sexual. Tratamento também é prevenção.
MITO. O teste é uma foto do momento. Após uma exposição de risco, existe a janela imunológica (~30 dias) e o ideal é repetir. Testagem regular faz parte da rotina de quem se cuida.
Checklist interativo
Camisinha só funciona se for usada direito
Toque em cada item que você já faz. Fechou os cinco? Você é oficialmente expert. 😎
✓
Confiro a validade e o selo do Inmetro antes de usar.
✓
Abro a embalagem com as mãos — nunca com os dentes.
✓
Aperto a ponta ao colocar, para não ficar bolha de ar.
✓
No sexo anal, uso lubrificante à base de água — evita microlesões e rompimento.
✓
Regra de ouro: uma por ato. Retiro logo após, segurando pela base.
Quer se aprofundar?
Informação de fonte oficial, sem achismo
gov.br/saúde
ISTs de A a Z
Página oficial do Ministério da Saúde sobre sintomas, prevenção e tratamento de todas as ISTs.
Acessar →
gov.br/saúde
HIV e Aids
Tudo sobre testagem, tratamento, PrEP, PEP e viver bem com HIV.
Acessar →
gov.br/aids
Departamento de HIV/Aids e ISTs
Campanhas, dados e a mandala oficial da Prevenção Combinada.
Acessar →
unaids.org.br
UNAIDS Brasil
Organização da ONU: estatísticas, I=I e combate ao estigma e à discriminação.
Acessar →
aids.gov.br
Onde encontrar PrEP
Sistema oficial para localizar serviços que ofertam a Profilaxia Pré-Exposição no SUS.
Acessar →
Telefone gratuito
Disque Saúde — 136
Canal oficial do SUS para tirar dúvidas sobre ISTs, PEP, PrEP e localizar serviços. Ligação gratuita e sigilosa.
Ligar →
© 2022 Universidade Federal de Viçosa - Todos os Direitos Reservados