.swiper-slide {
    text-align: center;
    
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-certificadosThumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.swiper-certificadosThumbs .swiper-slide-thumb-active {
  opacity: 1;
}


.card-header{
  height: 218px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-header h6{
  font-size: 1.25rem;
}



@media (min-width: 389px) and (max-width: 576px){
  .card-header h6{
    font-size: 1rem !important;
  }

  .card-text{
    font-size: 0.9rem;
  }

  .card{
    height: 400px !important;
  }
}

@media (min-width: 327px) and (max-width: 388px){
  .card{
    height: 400px !important;
  }
  .card-header h6{
    font-size: 0.9rem !important  ;
  }

  .card-text{
    font-size: 0.8rem;
  }

  .btn{
    font-size:0.7rem;
  }
}

@media (max-width: 327px){
  .card-header h6{
    font-size: 0.8rem !important  ;
  }

  .card-text{
    font-size: 0.8rem;
  }

  .btn{
    font-size: 0.7rem;
  }

  .card{
    height: 400px !important;
  }
}



.card{
  height: 500px;
}

.text-light{
  font-weight: 500;
  font-size: 0.875rem;
}

.imagen-certificados{
  width: 100%;
  height: 160px;

  img{
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 576px){
  .imagen-certificados{
    display: none;
  }

  .phone-un{
    z-index: 1;
    display: flex;
  }
  .phone-un::before {
    content: '';
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 60px;
    background-image: url('../assets/images/UN-Certificación-Logo.png');
    background-size: contain; /* Ajusta el tamaño de la imagen para que quepa completamente */
    background-position: center bottom; /* Centra horizontalmente y baja la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    opacity: 0.25; /* Reduce la opacidad de la imagen de fondo */
  }
  .card-footer{
    background-color: transparent !important;
    z-index: 3;

    a{
      background-color: white;
    }
  }
}

.curva {
  clip-path: path("M 0 0 L 560 0 L 560 120 Q 300 200 0 200");
  background-color: white;
}

.curva img { 
  object-fit: contain;
  height: 75%;
  width: 75%;
  top: -15px;
  position: relative;
}

.card svg{
  display: flex;
  top: 0;
  position: absolute;
  filter: drop-shadow(5px 5px 7px #016e7a) contrast(1.4);
  width: calc(100% - 9px);
}

.masterGIS{
  background-color: white;
}

.masterGIS-svg svg{
    display: flex;
    top: 0;
    position: absolute;
    filter: drop-shadow(5px 5px 7px #6546df);
    width: calc(100% - 9px);
}

.PMP-svg svg{
  display: flex;
  top: 0;
  position: absolute;
  filter: drop-shadow(5px 5px 7px #06a3cb);
  width: calc(100% - 9px);
}

.admin-svg svg{
  display: flex;
  top: 0;
  position: absolute;
  filter: drop-shadow(3px 3px 7px #00ec8a) drop-shadow(3px 3px  10px #000000);;
  width: calc(100% - 9px);
}


/* .card{
  overflow: hidden;
}

.seguidor{
  height: 100%;
  width: 100%;
  left: 0px;
  position: absolute;
  background: radial-gradient(#0021b3, transparent, transparent);
}
 */

 @media screen and (max-width: 576px){
  .curva{
    clip-path: path("M 0 0 L 440 0 L 440 60 Q 350 160 0 170");

  }

  path{
    background-color: red;
    d: path("M 0 0 L 440 0 L 440 60 Q 350 160 0 170");
  }
 }

 @media screen and (max-width: 575px){
  .curva{
    clip-path: path("M 0 0 L 440 0 L 440 50 Q 350 130 0 150");

  }

  path{

    d: path("M 0 0 L 440 0 L 440 50 Q 350 130 0 150");
  }
 }
 @media screen and (max-width: 534px){
  .curva{
    clip-path: path("M 0 0 L 440 0 L 440 50 Q 350 110 0 120");

  }

  path{

    d: path("M 0 0 L 440 0 L 440 50 Q 350 110 0 120");
  }
 }

 @media screen and (max-width: 470px){
  .curva{
    clip-path: path("M 0 0 L 440 0 L 440 20 Q 350 90 0 100");

  }

  path{
    d: path("M 0 0 L 440 0 L 440 20 Q 350 90 0 100");
  }
 }
 @media screen and (max-width: 395px){
  .curva{
    clip-path: path("M 0 0 L 440 0 L 440 10 Q 350 70 0 80");

  }

  path{
    d: path("M 0 0 L 440 0 L 440 10 Q 350 70 0 80");
  }
 }
 
 @media screen and (max-width: 345px){
  .curva{
    clip-path: path("M 0 0 L 440 0 L 440 5 Q 350 50 0 60");

  }

  path{
    d: path("M 0 0 L 440 0 L 440 5 Q 350 50 0 60");
  }
 }

  @media screen and (max-width: 568px) {
    .PMP-svg img{
      height: 90px;
      top: -10px;
    }

    .PMP-svg .my-3{
      margin-top: 0px !important;

      a{
        margin-top: 0px !important;
      }
    }

    .card-UN img{
      height: 100px;
    }

    .my-3{
      margin-top: 0px !important;
    }

    .admin-svg img{
      top: -7px;
      height: 90px;

      .my-3{
        top: -60px;
        position: relative;
      }
    }
  }