.main-content {
  --loader-size: 100px;
  --loader-speed: 500ms;
  --font-family-title: "Roboto", sans-serif;
  --font-family-content: "Carlito", sans-serif;
  --color-default: var(--color-block-programs, var(--main-page-color, #DA0921));
}

/* Cargando */
.loading {
  background: url('https://urosario.edu.co/sites/default/files/2026-02/hub-profesores-loading_1.webp') center bottom / contain no-repeat;
  padding: 10% 0;
  h3 {
    font-size: 2rem;
    font-weight: 300;
  }
  h4 {
    font-weight: 700;
    color: var(--color-default);
  }
}

.loader {
  --loader-height: calc(var(--loader-size) / 7);
  display: flex;
  position: relative;
  > span {
    &:nth-child(2n) {visibility: hidden;}
    &:last-child {animation-direction: reverse;}
    &:first-child, &:last-child {
      -webkit-animation-name: scale-up;
      animation-name: scale-up;
    }
  }
  &:before {
    content: '';
    position: absolute;
  }
  &:before,
  > span {
    animation-duration: 0.5s;
    animation-duration: var(--loader-speed);
    animation-iteration-count: infinite;
    animation-name: to-right;
    animation-timing-function: linear;
    background: #00000073;
    border-radius: 50%;
    display: block;
    height: var(--loader-height);
    width: var(--loader-height);
  }
}

@keyframes to-right {
  to {transform: translateX(200%);}
}

@keyframes scale-up {
  0% {transform: scale(0);}
  to {transform: scale(1);}
}

/* Breadcrumb */
.custom-breadcrumb {
  font-family: var(--font-family-content);
  font-size: 0.75rem;
  line-height: 2.2;
  color: #323232;
  a {
    color: inherit;
    text-decoration: none;
    &:hover {	text-decoration: underline;}
  }
}

/* Pagina de profesores */
.bg-default {
  background-color: var(--color-default);
}
.profesores-unidad {
  background: url('https://urosario.edu.co/sites/default/files/2026-02/hub-profesores-inner-bg.webp') center left no-repeat;
  form .row {row-gap: 1rem;}
}
.btn {
  text-transform: initial;
  padding: .25rem .75rem;
}
.btn-primary, .btn-outline-primary, .btn-danger {
  transition: filter 0.3s ease;
  &:active:focus, &:active:focus-visible {
    box-shadow: none;
    outline: none;
  }
}
.btn-primary, .btn-outline-primary {
  border-color: var(--color-default);
  &:hover {
    border-color: var(--color-default);
  }
}
.btn-primary {
  background-color: var(--color-default);
  &:hover {
    background-color: var(--color-default);
    filter: brightness(0.85);
  }
}
.btn-outline-primary {
  color: var(--color-default);
  &:hover {background-color: var(--color-default);}
}
.btn-danger {
  color: #666;
  border-color: #666;
}
.btn-outline-danger {
  color: #666;
  border-color: #666;
  &:hover {
    background-color: #666;
    border-color: #666;
  }
}

/* Card */
.card-equipo-hub {
  display: flex;
  flex-direction: column;
  max-width: 267px;
  margin: 0 auto 1rem;
  padding: 1rem;
  position: relative;
  &:hover {
    .card-equipo-hub__image {
      img {
        opacity: .8;
        mix-blend-mode: luminosity;
      }
    }
    .card-equipo-hub__body {
      p {
        margin-bottom: 0.5rem;
        &:last-child {padding-top: 0.5rem;}
      }
    }
    .card-equipo-hub__title,
    .card-equipo-hub__mail {color: var(--color-default);}
    .card-equipo-hub__profile {font-weight: bold;}
  }
  .card-equipo-hub__image {
    background: var(--color-default);
    border-radius: 1rem;
    overflow: hidden;
    img {width: 100%;}
  }
  .card-equipo-hub__body {
    line-height: 1.3;
    padding: 0.75rem 0 0;
    p {
      margin-bottom: 0.5rem;
      &:last-child {padding-top: 0.5rem;}
    }
  }
  .card-equipo-hub__title {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
  .card-equipo-hub__profile {
    line-height: 1.5rem;
    color: var(--color-default);
    display: inline-flex;
    align-items: center;
    &::after {
      content: '';
      background-color: var(--color-default);
      display: inline-block;
      width: 24px;
      height: 24px;
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18l6-6-6-6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18l6-6-6-6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      mask-repeat: no-repeat;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-size: contain;
    }
  }
      
  .card-equipo-hub__link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* Paginador*/
.pagination {
  .page-item {
    .page-link {
      font-weight: 600;
      color: #999;
      background: none;
      display: flex;
      align-items: center;
      padding: 0 0.5rem;
      border: none;
      outline: 0;
      &[aria-label='Previous page'],
      &[aria-label='Next page'] {color: #1D1D1D;}
      &:focus {box-shadow: none;}
    }
    &.disabled {
      .page-link {opacity: 0;}
    }
    &.active {
      .page-link {
        color: #1D1D1D;
        background-color: initial;
        border-color: initial;
      }
    }
  }
}
  
/*estilos error busqueda*/
.errorBusqueda {
  background-color: #fff;
  border-radius: 1.5rem;
  margin: 49px auto auto;
  padding: 5% 0;
  width: 45%;
  img {
    display: table;
    margin: auto;
    width: 32%;
  }
  .col-sm-6 {width: 100%;}
}