body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#f4f6fb;
color:#333;
text-align:center;
}

/* barra superior */

.barra-superior{
background:#1f3c88;
height:14px;
}

/* logo */

header{
background:white;
padding:25px 0 10px 0;
}

header img{
width:120px;
}

/* menú */

.menu{
background:white;
padding:10px 0 25px 0;
}

.menu a{
margin:0 12px;
text-decoration:none;
color:#1f3c88;
font-weight:bold;
font-size:18px;
}

.menu a:hover{
text-decoration:underline;
}

/* botón ficha médica */

.menu-boton{
background:#2f5bdb;
color:white !important;
padding:8px 16px;
border-radius:6px;
}

/* contenido */

.contenido{
max-width:900px;
margin:auto;
padding:40px 20px;
}

/* bloques */

.bloque-principal{
margin-bottom:40px;
}

.bloque-servicios{
margin-top:30px;
}

/* títulos */

h1{
color:#1f3c88;
font-size:40px;
margin-bottom:10px;
}

h2{
margin-top:20px;
}

/* párrafos */

p{
line-height:1.6;
max-width:700px;
margin:15px auto;
}

/* lista servicios */

ul{
list-style:disc;
text-align:left;
max-width:500px;
margin:20px auto;
}

li{
margin-bottom:8px;
}

/* footer */

footer{
background:#1f3c88;
color:white;
padding:30px 20px;
margin-top:40px;
}

/* whatsapp */

.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
font-size:28px;
width:55px;
height:55px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
text-decoration:none;
}

/* móvil */

@media (max-width:700px){

.menu a{
display:block;
margin:8px 0;
}

h1{
font-size:32px;
}

}