*{box-sizing:border-box;margin:0;padding:0} html,body{height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.5;color:#1f2937}

.container{max-width:900px;margin:24px auto;padding:0 16px} .site-header{background:linear-gradient(90deg,#0ea5a4,#06b6d4);color:white;padding:20px 0} .site-header h1{font-size:1.4rem} .site-header nav{margin-top:8px} .site-header nav a{color:rgba(255,255,255,0.95);text-decoration:none;margin-right:12px;font-weight:600}

.card{background:white;border-radius:12px;padding:18px;margin:16px 0;box-shadow:0 6px 18px rgba(15,23,42,0.08)} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}

h2{margin-bottom:8px} h3{margin-bottom:6px}

.note{background:#fff7ed;border-left:6px solid #f59e0b}

body[page="gonorrea"] .site-header{background:linear-gradient(90deg,#ef4444,#f97316)} body[page="sifilis"] .site-header{background:linear-gradient(90deg,#6d28d9,#a78bfa)}

@media (max-width:480px){.site-header h1{font-size:1.1rem}.container{margin:12px auto;padding:0 10px}}

nul{list-style:inside}

footer.note p{font-size:0.95rem}

header {
text-align:center;
border-radius:90px;
margin:20px
}
.card {
text-align: center;
}
img:hover {
transform: scale(2.3);
}
img {
transition: transform 0.3s ease;
border-radius:20px;
}
body{
color: black;
font-size: 20px;
font-weight: gold;
text-shadow:
-1px -1px 0 gold,
1 px -1px 0 gold,
-1px 1px 0 gold,
1px 1px 0 gold;
}