* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5em;
}
html{
  scroll-behavior: smooth;

}

.text-white{
  color: #ffff;
}

.text-black{
  color: #000000;
}

/*header*/
.container__all {
  right: 0;
  transition: all 300ms;
  background: #f4f4f4;
  margin-top: 100px;
}

header {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  transition: all 300ms;
}

.test {
  background-image: linear-gradient(
    195deg,
    #615381 0,
    #43396e 25%,
    #1f1f59 50%,
    #000445 75%,
    #000035 100%
  );
  position: relative;
}

.wave {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
}

.move_content {
  right: 180px;
}

.container__header {
  max-width: 1200px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  margin: auto;
  padding: 0px 20px;
}

header .logo {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo img {
  width: 150px;
}

.container__nav {
  position: relative;
  height: 100%;
}

nav {
  height: 100%;
}

nav ul {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

nav ul li {
  margin: 0px 20px;
  list-style: none;
}

nav ul li a {
  color: #373737;
  font-size: 14px;
}

.nav_mod {
  height: 70px;
  box-shadow: 1px 1px 10px 0px #00000010;
  background: white;
}

.btn__menu {
  width: 50px;
  height: 50px;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: background 300ms;
  display: none;
}

.btn__menu:hover {
  background: #f5f5f5;
}

/*header-text*/

.tittle {
  font-size: 46px;
  line-height: 46px;
}

.d-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content {
  width: 40%;
}
.img-content {
  width: 60%;
}
.d-flex-two-wave{
  display: flex;
  justify-content: center;
  align-items: center;
}

/*cards*/

.seccion-cards {
  position: relative;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: -150px;
}

.card {
  border-radius: 15px;
  background: white;
}

.img-card {
  width: 220px;
  height: 220px;
}

/*video*/

.video {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tec-img{
  width: 100%;
}

/*PORTADA - COVER*/
.btn__header-register,
.btn__register-cover {
  padding: 14px 50px;
  border: none;
  background: #000;
  color: white;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  transition: background, color, 300ms;
}

.btn__header-register:hover,
.btn__register-cover:hover {
  background: #663dff;
  color: white;
}

.buttons__cover {
  display: flex;
  margin-top: 40px;
}

.text-video h1 {
  font-size: 40px;
}

.text-video p {
  font-size: 16px;
}

.text-video {
  width: 45%;
}

.media__cover {
  width: 55%;
}

.media__cover video {
  width: 100%;
}

/*second-wave*/
.cambio-democratico {
  display: none;
}
.second-wave {
  background: #24235c;
}

.info-page {
  border-radius: 15px;
  background: white;
}
.d-flex-card {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-flex-card div {
  width: 50%;
}

.d-flex-card img {
  width: 30%;
}

.contact-link {
  margin-top: 15px;
  color: #24235c;
}

footer{
  background: #24235c;
  color: white;
}

@media screen and (max-width: 1200px) {
  /*cards-wave*/

  .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  /*second-wave*/
  .d-flex-card {
    justify-content: space-between;
  }

  .d-flex-card div {
    width: 50%;
  }

  .d-flex-card img {
    width: 40%;
  }
}

@media screen and (max-width: 992px) {
  .seccion-cards {
    margin-top: 25px;
  }
  .tittle {
    margin-top: 15px;
  }
  /*second-wave*/

  .d-flex-card img {
    width: 50%;
  }
}

@media screen and (max-width: 760px) {
  .d-flex {
    flex-direction: column;
  }
  .custom-btn {
    width: 100%;
  }
  .content {
    width: 100%;
    padding: 15px;
  }
  .img-content {
    width: 100%;
  }

  .tittle {
    font-size: 32px;
    line-height: 46px;
  }

  .text-video {
    font-size: 32px;
    width: 100%;
  }

  .media__cover {
    width: 100%;
  }

  .media__cover video {
    width: 100%;
  }

  .btn__register-cover {
    width: 100%;
    margin-bottom: 25px;
  }

  .grid-4 {
    grid-template-columns: repeat(1, 1fr);
  }

  .container__nav {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .btn__menu {
    display: flex;
  }

  .video {
    display: flex;
    flex-direction: column;
  }

  /*second-wave*/

  .d-flex-card {
    flex-direction: column;
  }

  .d-flex-card div {
    width: 100%;
  }


  .d-flex-card div p{
    font-size: 15px;
  }

  .d-flex-card div span{
    font-size: 18px;
  }

  
  .realizando-metas {
    display: none;
  }

  .cambio-democratico {
    display:inline;
    width: 113px;
    height: 81px;
  }
  

  nav {
    height: 100%;
    background: #f1faff;
    position: fixed;
    top: 0;
    right: -180px;
    padding: 0 40px;
    transition: all 300ms;
  }

  .move_nav {
    width: 182px;
    right: 0px;
  }

  nav ul {
    flex-direction: column;
  }

  nav ul li {
    margin: 20px 0px;
  }

  .container__vector img {
    transform: scale(0);
    animation: none;
  }
}