@charset "utf-8";
/* CSS Document */
/* PH */

body {
background-color: white;
color: black;
display: flex;
flex-direction: column;
font-family: sans-serif;
font-size: 4vw;
line-height: 136%;
margin: 0;
text-size-adjust: none;
}

a {
color: mediumblue;
}

p {
margin: 0 0 4.8vw;
}

p:last-child {
margin-bottom: 0;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

h1,
h2,
h3,
h4 {
display: block;
line-height: 120%;
margin: 0;
padding: 0;
}

h4 {
font-size: 80%;
font-weight: normal;
text-transform: uppercase;
}

ul {
border-top: 1px solid black;
margin: 0;
padding: 4.8vw;
}

ul li {
margin-bottom: 0.8vw;
}

#Hola,
#Programas,
#Nosotrxs,
#Contacto {
display: flex;
flex-direction: column;
min-height: 100vh;
}

#Hola {
background-image: linear-gradient(to bottom right, white, lavenderblush);
color: #CC0066;
}

#Hola p,
#Programas p:first-child {
font-size: 128%;
line-height: 128%;
width: 100%;
}

#Hola .b0 {
align-items: center;
justify-content: center;
flex-direction: column-reverse;
}

#Hola img {
height: 40vw;
margin: 19.2vw auto;
width: auto;
}

#Programas {
background-color: plum;
}

#Nosotrxs .b2:nth-child(odd) {
width: 100%;
}

#Nosotrxs .b2:nth-child(even) {
width: 100%;
}

#Nosotrxs img {
height: auto;
margin: 0 auto;
width: 80%;
}

#Contacto {
background-color: palevioletred;
color: white;
min-height: auto;
}

#Contacto a {
color: white;
}

#Contacto .ancla {
background-color: white;
color: palevioletred;
}

#Contacto img {
float: right;
height: 16vw;
margin: 38.4vw 0 0;
width: auto;
}

#Contacto .b1 {
margin-bottom: 0;
text-align: right;
}

.contenedor {
display: flex;
flex: 1;
flex-direction: column;
margin: 4.8vw;
}

.seccion {
margin-bottom: 9.6vw;
width: 100%;
}

.b0 {
align-content: flex-start;
display: flex;
flex: 1;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}

.b1 {
margin-bottom: 9.6vw;
width: 100%;
}

.b2 {
display: flex;
flex-direction: column;
margin-bottom: 9.6vw;
width: 100%;
}

.ancla {
background-color: purple;
border-radius: 4vw;
color: white;
font-size: 80%;
padding: 1.6vw 3.2vw;
position: sticky; position: -webkit-sticky; /* Safari */
text-transform: uppercase;
top: 2.4vw;
}

.agenda {
background-color: white;
border-radius: 8vw;
color: purple;
display: inline-block;
padding: 1.6vw 3.2vw;
text-align: center;
}

/* TB */
@media only screen and (min-width: 768px) {

body {
font-size: 2.24vw;
}

p {
margin: 0 0 2.4vw;
}

ul {
padding: 2.4vw 0 4vw 2.4vw;
}

ul li {
margin-bottom: 0.8vw;
}

#Hola,
#Programas,
#Nosotrxs,
#Contacto {
flex-direction: row;
}

#Hola p,
#Programas p:first-child {
width: 80%;
}

#Hola .b0 {
align-content: center;
flex-direction: row;
}

#Hola img {
height: 24vw;
margin: auto;
}

#Nosotrxs .b0 {
justify-content: space-between;
}

#Nosotrxs .b2:nth-child(odd) {
width: 24%;
}

#Nosotrxs .b2:nth-child(even) {
width: 68%;
}

#Nosotrxs img {
margin: 0;
width: 100%;
}

#Contacto img {
float: right;
height: 12.8vw;
margin: 0;
}

.contenedor {
flex-direction: column;
margin: 4.8vw; 
}

.seccion {
width: 100%;
}

.b0 {
flex-direction: row;
justify-content: space-between;
}

.b1 {
margin-bottom: 3.2vw;
}

.b2 {
margin-bottom: 3.2vw;
width: 44%;
}

.ancla {
padding: 1.6vw 3.2vw;
position: sticky; position: -webkit-sticky; /* Safari */
top: 2.4vw;
}

.agenda {
border-radius: 8vw;
padding: 1.6vw 3.2vw;
text-align: center;
}}

/* LP */
@media only screen and (min-width: 1024px) {

body {
font-size: 1.2vw;
}

p {
margin: 0 0 1.6vw;
}

ul {
padding: 1.6vw 0 4vw 1.2vw;
}

#Hola,
#Programas,
#Nosotrxs,
#Contacto {
flex-direction: row;
}

#Hola img {
height: 16vw;
}

#Contacto img {
float: right;
height: 6.4vw;
margin: 0;
}

.contenedor {
flex-direction: row;
margin: 2.4vw;
}

.seccion {
width: 24vw;
}

.ancla {
padding: 0.8vw 1.6vw;
position: sticky; position: -webkit-sticky; /* Safari */
top: 2.4vw;
}

.agenda {
border-radius: 4vw;
padding: 0.8vw 1.6vw;
text-align: left;
}

}

/* DP */
@media only screen and (min-width: 1440px) {

body {
font-size: 0.8vw;
}

p {
margin: 0 0 1.6vw;
}

ul {
padding: 1.6vw 0 4vw 0.8vw;
}

.contenedor {
flex-direction: row;
margin: 2.4vw;
}


}