﻿.resaltado {
   font-weight: 300;
   color: #5840FF;
}

.nosotros .logotipo span {
   color: #7418FF !important;
   font-size: 50px;
}

.seccion-por-que .background-image {
   background-image: url('/images/por-que-elegirnos.jpg?v=2025');
   background-size: cover;
   background-position: center;
}

.seccion-por-que .texto-padding-top {
   padding-top: 30px;
}

.titulo-por-que span {
   font-size: calc(1.5em + 1vw);
   font-weight: bold;
}

.titulo-por-que img {
   font-size: calc(1.2em + 1vw);
   max-height: 140px;
}

.seccion-comunidad {
   background-color: #3F0B8B;
}

   .seccion-comunidad .background-image {
      background-image: url('/images/unete-comunidad.jpg?v=2025');
      background-size: cover;
      background-position: center;
   }


   .seccion-por-que .imagen,
   .seccion-comunidad .imagen {
      width: 100%;
   }

   .nosotros .texto,
   .seccion-por-que .texto,
   .seccion-comunidad .texto {
      padding-left: 15%;
      padding-right: 15%;
   }

   .seccion-comunidad .texto {
      font-size: 18px;
      font-weight: bold;
   }

.nosotros .texto {
   background-image: linear-gradient(to bottom, #4720BF 0%, #542889 90%);
   font-size: 20px;
}

   .nosotros .texto .titulo {
      font-size: 25px;
   }

.seccion-por-que .texto {
   font-size: 18px;
}

.seccion-comunidad .texto {
   font-size: 20px;
}

#seccion-formulario {
   height: 550px;
}

.corazon {
   width: 40px;
   height: 40px;
   fill: #FFFFFF;
}

.parrafo-resaltado {
   color: #411889;
   font-weight: bolder;
   font-size: 2rem;
   margin-top: 0;
   margin-bottom: .5rem;
   line-height: 1.2;
}

.secccion-profesores .background-image {
   background-image: url('/images/logo-interlingua-nosotros.webp');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}


.secccion-profesores .tarjeta-profesor {
   background-color: #7473C1;
   border-radius: 50%;
   color: #ffffff;
   width: 250px;
}

   .secccion-profesores .tarjeta-profesor img {
      border-radius: 50%;
      height: 150px;
      width: 150px;
   }

   .secccion-profesores .tarjeta-profesor p {
      font-size: calc(0.5em + 1.3vw);
      font-weight: bolder;
   }

.seccion-metodologia {
   background-color: #3F0B8B;
}

   .seccion-metodologia .titulo {
      display: flex;
      align-items: center;
   }

   .seccion-metodologia .titulo-carita {
      height: calc(1em + 1vw);
   }


   .seccion-metodologia .nivel-titulo {
      font-size: calc(1em + 1vw);
      font-weight: bold;
   }

   .seccion-metodologia .nivel-texto {
      font-weight: bold;
   }

   .seccion-metodologia .div-fondo {
      height: 32px;
      border-radius: 16px;
      background-color: #7473C1;
   }

   .seccion-metodologia .div-nivel {
      height: 32px;
      border-radius: 16px;
      background-color: #E5E5E5;
   }

   .seccion-metodologia #divNivel1-4 {
      width: 33%;
   }

   .seccion-metodologia #divNivel5-10 {
      width: 60%;
   }

   .seccion-metodologia #divNivel11-16 {
      width: 90%;
   }

@media screen and (min-width: 576px) {
   .titulo-por-que span {
      font-size: calc(2.5em + 1vw);
   }

   .nosotros .logotipo span {
      font-size: 5vw;
   }

   .seccion-por-que .imagen,
   .seccion-comunidad .imagen {
      display: none;
   }

   .secccion-profesores .tarjeta-profesor img {
      height: 200px;
      width: 200px;
   }

   .secccion-profesores .tarjeta-profesor p {
      font-size: calc(0.25em + 1.3vw);
   }
}

@media screen and (min-width: 768px) {
   .titulo-por-que img {
      font-size: calc(5em + 1vw);
      max-height: 300px;
   }

   .nosotros .texto,
   .seccion-por-que .texto,
   .seccion-comunidad .texto {
      padding-left: 5%;
      padding-right: 5%;
   }

   #seccion-formulario {
      height: 440px;
   }

   .formulario-interior {
      height: 300px;
   }
}

@media screen and (min-width: 992px) {
   .seccion-por-que .imagen,
   .seccion-comunidad .imagen {
      padding-left: 10%;
      width: 75%;
   }

   .nosotros .texto,
   .seccion-por-que .texto,
   .seccion-comunidad .texto {
      padding-left: 10%;
      padding-right: 10%;
   }
}
