main {background-color: white; padding: 25px 40px;}

main img {float: right; width: 10vw; height: auto; margin: 0 0 1rem 1rem;}

.topo {margin-top: 0;}

main p {margin-bottom: 1.25rem; text-align: justify; font-size: 1rem; line-height: 1.375;}
main a {color: #003366; font-weight: 600; text-decoration: none;}
main ol {margin-left: 2rem; padding: 0;}
main ul {margin-left: 1.875rem; list-style-type: disc;}

main h1 {font-family: Jost; color: #a90000; display: block; font-size: 1.5rem; text-transform: uppercase; font-weight: normal; line-height: 1.15;}
main h1 b {font-weight: 600;}
main h2 {display: inline; font-size: 1.125rem; font-weight: 600; text-transform: uppercase; cursor: pointer;}

blockquote {font-family: monospace; margin-left: 10%; margin-right: 10%;}
blockquote p {font-size: 0.875rem; text-align: left;}

summary {
padding: 0.5rem 0.5rem 0.5rem 0;
border-bottom: 2px solid black;
margin-top: 2rem;
margin-bottom: 0;
font-family: inherit;
transition: max-height 0.2s ease-out;
}

details {
padding: 0;
transition: max-height 0.2s ease-out;
}

details:last-of-type p:last-child {margin-bottom: 0;}

div.alerta {
padding: .75rem 1.5rem;
margin-bottom: 1rem;
border: 1px solid lightgrey;
background-color: #d1ecf1;
border-radius: 0.75rem;
}

@media (max-width: 640px) {
main {padding-bottom: 40px;}
main img {width: 40vw;}
}