/*
Theme Name: Integridad y Buen Gobierno UTP
Theme URI: https://integridad.utp.edu.co/
Version: 1.0
Author: CRIE
Author URI: https://crie.utp.edu.co/
Template: 1plantilla-utp
Tags: reacreditación, Centro, Recusos, Informáticos, Educativos, facultades, institucional, industrial, mecanica, ingenierías, ingenierias, artes, musica, música, agro, agroindustria, ciencias, ambientales, ambiental, educación, empresariales, salud, facultad, facultades, básicas, basicas, tecnología, tecnologia, agrarias, rudecolombia, doctorado, planetario utp, planetario, astronomía, Asociacón Jubilados
*/

/* Comienza iconos redes sociales */
.social-icon-blue img:hover {
  animation: tada;
  animation-duration: 0.5s;
}

.social-icon-blue {
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* Termina iconos redes sociales */

/* Comienza estilos de las cards (steps) front page*/
.step {
  font-family: 'Roboto';
  font-size: 18px;
  height: auto;
  text-align: center;
  overflow: hidden;
  margin: 3px 0;
  box-shadow: 12px 12px 10px 9px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 12px 12px 10px 9px rgba(0, 0, 0, 0.17);
  -webkit-box-shadow: 12px 12px 10px 9px rgba(0, 0, 0, 0.17);

  --s: 330px;
  /* the size of the image */
  --b: 0px;
  /* the border thickness*/
  --g: 14px;
  /* the gap */
  --c: #CACACA26;
  /* the color */
  width: 300px;
  outline: calc(300/2) solid #fff0;
  outline-offset: calc(300/-2);
  cursor: pointer;
  transition: 0.3s;
}

.step:hover {
  transition: 1s;
  background-color: white;
  outline: var(--b) solid var(--c);
  outline-offset: var(--g);

  box-shadow: 12px 12px 10px -8px rgba(255, 255, 255, 0.17);
  -moz-box-shadow: 12px 12px 10px -8px rgba(255, 255, 255, 0.17);
  -webkit-box-shadow: 12px 12px 10px -8px rgba(255, 255, 255, 0.17);
  color: var(--institucional);
}

/* .acceso-directo{
    padding: 15px;
} */

.row>.step {
  padding: 0px;
}

.step-text {
  padding: 10px 18px;
}

.step-icon img {
  width: 100%;
  /* height: 225px; */
}

/* .acceso-directo:hover .step-text {
    transform: scale(1.2);
    overflow: hidden;
    transition: 1s;
} */

.contain-cuadros:hover .cuadros:not(:hover) {
  filter: grayscale(100%);
  opacity: 0.75;
  transition: 1s;
}

.contain-cuadros:hover .cuadros:not(:hover)::after {
  background-color: rgba(#000, 0.5);
  transition: 1s;
}

/* Termina estilos de las cards (steps) front page*/

/* Comienza estilos menu lateral */

.infoRegistro {
  padding: 0;
}
.btnMenuLateral2{
  display: none;;
}

/* Termina estilos menu lateral */

@media (min-width: 576px) {
  .step {
    width: auto;
  }

  .step-icon img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 768px) {}

@media (min-width:992px) {
  .sidebarH {
    display: none;
  }

  .step-icon img {
    width: 300px;
    /* height: 225px; */
  }
}

@media (min-width:1200px) {
  .step {
    width: 350px;
  }

  .step-icon img {
    width: 100%;
    height: 100%;
  }
}

@media (min-width:1400px) {
  .cuerpoCont {
    padding: 0 30px;
  }

  .cuerpo-contenido {
    padding: 0 30px;
  }

  .step {
    width: 400px;
  }

}

@media (min-width: 1600px) {
  .step-icon img {
    width: 450px;
    /* height: 281px; */
  }

  .step {
    width: 450px;
  }
}