/*
Theme Name: Empresarios 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 color cabecera */
.row_cabecera,
.menu-institucional {
  background-color: #4a2d7c !important;
}

/* Termina estilos color cabecera */

/* Comienza estilos menu lateral */

.infoRegistro {
  padding: 0;
}

.btnMenuLateral2, .sidebarH {
  display: none;
  ;
}

/* Termina estilos menu lateral */

/* Comienza estilos seccion capacidades*/
/* === Inicia estilos sección capacidades === */

.seccion-capacidades-bs {
  background-color: #5d3a9b;
  /* Morado base */
  color: #ffffff;
  /* Color de texto blanco para toda la sección */
}

/* Contenedor principal para alinear logo y cajas */
.capacidades-container {
  display: flex;
  align-items: center;
  /* Centra verticalmente el logo con las cajas */
  flex-wrap: wrap;
  /* Permite que los elementos pasen a la siguiente línea en móviles */
}

/* Columna para el logo */
.capacidades-logo-col {
  flex: 1;
  padding-right: 2rem;
  /* Espacio entre el logo y las cajas */
  text-align: left;
  /* Alinea el logo a la izquierda */
}

.logo-capacidades p{
    width: 73%;
    margin: 0 auto;
}

/* Ajustes del logo */
.seccion-capacidades-bs .logo-capacidades img {
  max-width: 350px;
  /* Aumentamos el tamaño del logo */
  height: auto;
}

/* Columna para el título y las cajas */
.capacidades-grid-col {
  flex: 2;
  /* Le da más espacio a las cajas */
}

.capacidades-grid-col h3 {
  text-align: right;
  /* Alinea el título "Nuestras capacidades" a la derecha */
  font-weight: bold;
  font-size: 1.75rem;
  margin-bottom: 1rem;
}

/* Estilos de las tarjetas/cajas */
.seccion-capacidades-bs .card {
  background-color: #704db3;
  /* Morado más claro */
  border: none;
  border-radius: 11px;
  height: 100%;
  /* El contenido ya se centra desde el widget en functions.php */
}

.seccion-capacidades-bs .card p {
  margin: 0;
}

/* Clases del widget para el número y texto */
.seccion-capacidades-bs .numero-capacidad {
  line-height: 1;
}

.seccion-capacidades-bs .texto-capacidad {
  font-size: 1.25rem;
  margin-top: 0.5rem;
}

/* === Responsive para pantallas pequeñas === */
@media (max-width: 768px) {
  .capacidades-container {
    flex-direction: column;
    /* Apila el logo sobre las cajas */
    text-align: center;
  }

  .capacidades-logo-col {
    padding-right: 0;
    margin-bottom: 2rem;
  }

  .capacidades-grid-col h3 {
    text-align: center;
    /* Centra el título en móviles */
  }
}

/* Termina estilos seccion capacidades*/

/*Comienza sección propuesta de valor*/
.icono-propuesta i,
.card-body i {
  color: #583A9A;
  font-weight: 800 !important;
  font-size: 36px;
}

.subtitle-propuesta {
  font-size: 17px;
  margin: 25px 0;
}

/*Termina sección propuesta de valor*/

/*Comienza sección aliados*/
/* --- Estilos para la Sección de Aliados --- */
.seccion-aliados a {
  color: #5d3a9b;
}

.card-aliado {
  border-radius: 1rem;
  /* Bordes redondeados */
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Número de líneas a mostrar */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Opcional: define una altura mínima para mantener la alineación de las cards */
  min-height: 54px;
  /* Ajusta este valor según el tamaño de tu fuente y line-height */
}


.card-aliado .card-text p {
  height: 130px;
}

.card-aliado:hover {
  transform: translateY(-5px);
  /* Efecto al pasar el cursor */
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.card-aliado-icono img {
  max-width: 50px;
  /* Ajusta el tamaño del ícono */
  height: auto;
}

.btn-aliado {
  background-color: #6f42c1;
  /* Color morado principal */
  color: #fff !important;
  padding: 0.8rem 2rem;
  border-radius: 50px;
  /* Botón tipo píldora */
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background-color 0.2s;
}

.btn-aliado:hover {
  background-color: #4a2d7c;
  /* Color morado más oscuro */
  color: #fff;
  transition: 1s;
}

.card-aliado .card-text .aportar p {
  height: auto;
}

/*Termina sección aliados*/

/*Comienza sección beneficios*/
.seccion-beneficios {
  padding: 60px 0;
}

/* CSS para que el enlace no afecte el estilo del texto */
.enlace-tarjeta {
  display: block;
  text-decoration: none !important;
  color: inherit;
}

.enlace-tarjeta:hover {
  text-decoration: none !important;
  color: inherit;
}

.titulo-seccion {
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}

.subtitulo-seccion {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
}

.tarjeta-beneficio {
  background-color: #f9f5ff;
  border: none;
  border-radius: 0.5rem;
  /* Bordes redondeados */
  border-left: 4px solid #a361ff;
  /* Borde morado a la izquierda */
  padding: 2rem;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tarjeta-beneficio:hover {
  background-color: #4a2d7c1a;
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
}

.tarjeta-beneficio .icono {
  font-size: 2.5rem;
  /* Tamaño del ícono */
  color: #a361ff;
  /* Color morado del ícono */
  margin-bottom: 1rem;
}

.tarjeta-beneficio .titulo-tarjeta {
  font-size: 1.25rem;
  font-weight: 600;
  color: #212529;
}

.tarjeta-beneficio .descripcion-tarjeta {
  font-size: 1rem;
}

/*Termina sección beneficios*/

@media (min-width: 576px) {

}

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

@media (min-width:992px) {
  .card-aliado .card-text p {
  height: 230px;
}
}

@media (min-width:1200px) {
  .card-aliado .card-text p {
    height: 160px;
  }
     .container{
      max-width: 1368px;
   }

}

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

  .cuerpo-contenido {
    padding: 0 30px;
  }
    .card-aliado .card-text p {
    height: 130px;
  }

   .container{
      max-width: 1543px;
   }

}

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

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