:root {
    --color-morado-intenzo: #5e18a7; 
    --color-verde-turquesa: #00dfa2;
    --color-azul-apagado: #0c1e37;
    --color-naranja-intenzo: #F28B1A; 
    --color-marron-tostado: #833D12;
    --color-black-off: #898989;
    --color-black-on:#262626; 
    --white--off: #F5F2F9 ;
    --white--on: #FFFFFF; 
    --fuente-rubik:'Rubik', sans-serif;
    --fuente-poppins:'Poppins', sans-serif;
}
header span{
    display: none;
}

.menu {
  display: flex;
  align-items: center; /* Alinea los elementos verticalmente en el centro */
  justify-content: space-around; /* Distribuye los elementos horizontalmente */
  list-style: none; /* Elimina los puntos de la lista */
  padding: 0; /* Elimina el padding por defecto */
  margin: 0; /* Elimina el margen por defecto */
  text-align: center; /* Centra el texto dentro de cada elemento */
}

header menu{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
header menu ul{
    list-style: none;
    display: flex;
    gap: 3rem;
}

header menu ul li{
    font-size: 1rem;
    font-weight: 500;
    text-transform: capitalize;
    cursor: pointer;
    color: var(--color-black-on);
    
}
header menu ul li:hover{
    color: var(--color-black-off);
    transition: .2s;
}

/* primera seccion  */

.section-one--container{
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    height: 100vh;
    max-width: 1280px;
}
.section-one--image {
    display: inline-block;
    width: 85%;
    height: 92%;
}
.section-one--paragraf h1{
    font-size: 3.5rem;
    line-height: 4.5rem;
    color: var(--color-black-on);
    text-transform: capitalize;
}

/* segunda seccion  */

.section-two-container--text{
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 5rem;
}

/* tercera seccion  */

.section-three--containder {
    display: flex;
    flex-direction: row;
    margin-block:3.5rem ;
}
.section-three--containder img{
    height: 700px;
    align-self: center;

}
.section-three-container--paragraf h3{
    line-height: 2rem;
    font-weight: 600;
    font-size: 1.5rem;
}
.section-three-container--paragraf h2{
    font-size: 2rem;
    line-height: 3rem;
}
.section-three-container--paragraf p{
    font-size: 1.2rem;
    line-height: 2.2rem;
}
.section-three-container--paragraf h4{
    font-size: 1.3rem;
}
.section-three--two{
    width: 100%;
}
.section-three--porcentual{
    display: flex;
    text-align: center;
    max-width: 980px;
    margin: 0 auto;
    gap: 1rem;
    margin-right: 2rem;
}
.section-three--porcentual section{
    background-color: #FFFFFF;
    border-radius: .8rem;
    margin: 0 auto;
    padding: 1rem;
}
.section-three--porcentual section h2{
    padding-block:1rem ;
    font-size: 3rem;
}
.section-three--porcentual section:nth-child(1){
    border-left: solid var(--color-morado-intenzo) 5px;
}
.section-three--porcentual section:nth-child(1) h2{
    color: var(--color-morado-intenzo);
}
.section-three--porcentual section:nth-child(2){
    border-left: solid var(--color-azul-apagado) 5px;
}
.section-three--porcentual section:nth-child(2) h2{
    color: var(--color-azul-apagado);
}
.section-three--porcentual section:nth-child(3){
    border-left: solid var(--color-verde-turquesa) 5px;
}
.section-three--porcentual section:nth-child(3) h2{
    color: var(--color-verde-turquesa);
}
.section-three--two section p{
    color: var(--color-black-on);
    font-weight: 600;
    text-transform: capitalize;
    font-size: 1rem;
}

/* cuarta seccion  */

.section-four--container{
    margin-bottom: 5rem;
}
.section-four--programs{
    grid-template-columns: repeat(3,1fr);
}
.section-four--buttons{
    margin-bottom: 2rem;
}
.section-four-continer--one{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.section-four--buttons {
    display: flex;
    gap: .7rem;
    width: 50%;
    justify-content: end;
    align-items: center;
}

/* quinta seccion  */

.section-five--info-container {
    grid-template-columns: repeat(4,1fr);
    padding-block: 2rem;
}

/* footer */

.section-six--news{
    display: flex;
    padding: 0;
    gap: 1rem;
    padding-block: 2rem;
}
.section-six-news--container h3{
    font-size: 1.2rem;
}

.section-six-footer-contain{
    display: flex;
    justify-content: space-around;
}

.section-six-footer-contain .section-six--container{
    display: flex;
    justify-content: end;
}