@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;800&display=swap');

/* General */
h1 {
    font-weight: 800!important;
    font-size: 4rem!important;
    letter-spacing: 5px;
}

h2{
    text-align: center;
    font-size: 2rem!important;
}

h3{
    font-weight: 800!important;
}

.tituloSeccion{
    font-size: large;
    color: white;
}

#cabezotes{
    align-items: center;
}

body{
    font-family: 'Poppins', sans-serif !important;
}

.elementosCentrados{
    align-items: center;
}

.letraMorada{
    color: #67388E;
    padding-right: 10px ;
}

#slogan{
    background-color: #F6B63C;
    padding: 20px;
}

#palabrasSlogan{
    letter-spacing: 7px;
    font-size: large;
}

.icono{
    padding-left: 20px;
    padding-right: 20px;
}

.letraBlanca{
    font-weight: 800;
    color: white;
}

.letraAmarilla{
    color:#F6B63C;
    font-weight: 800;
}

.letrablanca{
    color: white;
}

.letraRoja{
    font-weight: 800;
    color: #E84B47;
}

.letraAzul{
    font-weight: 800;
    color: #2372B5;
}

/* Header */

header{
    background-color: #67388E;
    padding-top: 60px;
    padding-bottom: 40px;
}

#logos{
    align-items: center;
    padding-bottom: 30px;
}

.logo{
    max-height: 80px;
}

.Potencia{
    float:right;
}

.Equidad{
    float: left;
}

.lineaAmarilla{
    border: 1.8px solid #F6B63C;
}

#menuPrincipal{
    justify-content: center!important;
}

.nav-link{
    color: white;
    letter-spacing: 6px;
    border-right: solid #F6B63C;
    margin-right: 15px;
    font-size: 1rem;
}

.sinBorde{
    border-right: solid transparent;
}

.nav-link:hover{
    color: #F6B63C;
}

.nav-link .active{
    font-weight: bolder;
}

/* Home */

#cabezotePrincipal{
    background-color: #67388E;
    padding-bottom: 60px;
}

#mensajeAction{
    background-color: #FFF;
    padding-top: 40px;
    padding-bottom: 40px;
}

.letraAction{
    font-size: 1.3rem;
    font-weight: 400;
}

#action{
    padding: 10px 100px;
}

#cajaVideos{
    background-image: url("../img/fondo_video.jpg");
    padding-top: 50px;
    letter-spacing: 5px;
}

/* Videos */

.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
  .video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

.filaVideo{
    padding-top: 20px;
    padding-bottom: 40px;
}

.textoVideoIntro{
    color:white;
}

.nombrePonente{
    color:#F6B63C;
    font-size:0.8rem;
    font-weight: 800;
}

.cargoPonente{
    color:white;
    font-weight: 300;
}

#seccionPodcast{
    background-color: black;
}

.filaCentrada{
    align-items: center;
}

.parrafoBlanco{
    color:#FFF;
    letter-spacing: 3px;
    font-size: medium;
}

.letraRosa{
    color: #E54893;
}

.marcos{
    padding-left: 40px!important;
}

#equipoEquidad{
    padding-top: 60px;
    padding-bottom: 40px;
}

.Morado{
    color:#67388E;
}

.letraNaranja{
    color: #F6B63C;
    font-weight: 800;
}

.nombreEquipo{
    color:#67388E;
    text-align: center;
    font-weight: 600;
}

.lineaMorada{
    border: 1.8px solid #67388E;
}

.cajaEquipo{
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    border-radius: 10px;
}

.bio{
    padding:20px;
}

#lineasAtencion{
    background-color: #67388E;
    border-radius: 15px;
    padding-top:50px;
    padding-bottom:50px;
    margin-bottom: 50px;
}

.cajaGris{
    background-color: #FFF;
    border-radius:15px;
    margin:20px;
    padding:50px;
}

.teEscuchamos{
    margin-left: 40px!important;
    font-size: 1.5rem!important;
    background-color:#F6B63C !important;
    color: #67388E!important;
    border-radius:10px!important;
    border: 1px solid transparent!important;
}

.teEscuchamos:hover{
    background-color:#FFF!important;
}

.marcoBtn{
    padding-right: 80px;
}

/* Footer */

.redesSociales{
    padding-bottom:50px;
    padding-top: 50px;
}

footer p{
    color: #67388E!important;
    font-size: 1.2rem;
}

.iconoRedSocial i{
    font-size: 2rem;
    color: #67388E;
    transition: transform .4s !important; /* Animation */
}

.iconoRedSocial i:hover{
    color: #E54893;
    transform: scale(1.3);
}



footer{
    background-color: #F6B63C;
}

#infoFooter{
    padding-top:50px;
    padding-bottom:50px;
}

.centrarImg{
    display: grid!important;
    justify-content: center!important;
    align-items: center!important;
}

.textoFooter{
    font-weight: 300;
    font-size: 1.2rem;
}

.vinculoFooter{
    color:#67388E;
    font-size: 1.4rem;
}

.vinculoFooter:hover{
    color:#E54893;
    text-decoration: none;
}

.espaciadoIconos{
    padding-right: 20px;
}

#valorizacion{
    background-color: #67388E;
}

.accordion-button{
  background-color: #67388E;
  color:white;
  font-weight: bolder;
  font-size: 1.3rem;
  width: 100%;
  border:2px solid #67388E;
  border-radius: 5px;
  padding-top: 20px!important;
}

.textoGlosario{
  padding:20px;
}

#conceptos{
    padding: 10px 100px;
    background-color: white;
}


.accordion-item{
  background-color: #f2f2f2;
  border-radius: 5px;
}

.fotoNoticia{
  padding: 30px 0px;
}

.tituloNoticia{
  color: #67388E;
  text-decoration:none;
  font-weight:bolder;
}

.tituloNoticia:hover{
  text-decoration: none;
  color: #F6B63C;
}

.tituloNoticiaPrincipal{
  font-size: 1.7rem;
}

.fechaNoticia{
  padding:10px 0px 0px 0px;
  color: gray;
  font-size: 0.8rem;
}

.parrafoNoticia{
  color:black;
}

@media (width <= 800px) {
  #action{
      padding: 0px 0px;
  }

  h1{
    font-size: 3rem!important;
  }

  .teEscuchamos{
      margin-left: 20px!important;
      font-size: 1.2rem!important;
      background-color:#F6B63C !important;
      color: #67388E!important;
      border-radius:10px!important;
      border: 1px solid transparent!important;
  }

  .accordion-button{
    font-size: 1rem;
    width: 100%;
    border:2px solid #67388E;
    border-radius: 5px;
    padding-top: 20px!important;
  }

  .varianteDentroContenido{
    padding:0px 15px;
  }


}
