.text-company {
  color: #ed196d;
}

.border-company {
  border-color: #ed196d;
}

.btn-company {
  background-color: #ed196d;
  color: white;
  border-color: #ed196d;
  padding: 12px 16px;
  font-size: 16px;
  border-radius: 5px;
}

.btn-company:hover {
  color: white;
  background-color: #922B54;
}

/* ===== Reglas globales ===== */

/* Evitar que imágenes y logos se deformen o encojan raro */
img {
  max-width: 100%;
  height: auto;
}

/* Footer: que el logo NRHB no se encoja */
footer img,
.sticky-footer img,
.footer img {
  width: auto !important;
  height: auto !important;
  max-height: 42px;
  flex-shrink: 0;
  object-fit: contain;
}

/* Cards de listados: permitir estructura estable */
.person-card,
.collaborator-card {
  height: 100%;
}

.person-card .card-body,
.collaborator-card .card-body {
  display: flex;
  flex-direction: column;
}

.person-card-actions,
.collaborator-card-actions {
  margin-top: auto;
}

/* ===== Móvil ===== */
@media (max-width: 768px) {
  .sidebar {
    display: none;
  }

  .sidebar.show {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    background-color: #ed196d;
    z-index: 9999;
    overflow-y: auto;
    padding: 10px;
  }

  #content-wrapper {
    margin-left: 0;
    padding: 10px;
  }

  .card {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
  }

  /* Menos padding lateral en la main */
  .clean-block .block-content,
  .container,
  .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* Formularios y botones */
  form .row > [class*="col-"] {
    margin-bottom: 0.75rem;
  }

  form .d-flex.justify-content-end {
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 10px !important;
  }

  /* Títulos largos */
  h1,
  h2,
  h3,
  h4,
  h5 {
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* Publicaciones */
  .clean-blog-post {
    margin-bottom: 1.5rem !important;
  }

  .clean-blog-post .d-flex.justify-content-between.flex-nowrap {
    gap: 10px !important;
    align-items: flex-start !important;
  }

  .clean-blog-post .d-flex.flex-column.align-items-center {
    min-width: 24px !important;
    gap: 10px !important;
    flex-shrink: 0;
  }

  /* Botones en people/collaborators */
  .person-card-actions .btn,
  .collaborator-card-actions .btn {
    width: 100%;
    margin-bottom: 8px;
  }

  .person-card-actions .btn:last-child,
  .collaborator-card-actions .btn:last-child {
    margin-bottom: 0;
  }

  /* Footer más compacto en móvil */
  .sticky-footer,
  footer {
    padding-left: 10px;
    padding-right: 10px;
  }

  footer img,
  .sticky-footer img,
  .footer img {
    max-height: 36px;
  }

  /* Logo navbar más pequeño en móvil */
  .navbar-brand img {
    max-height: 38px;
    width: auto;
  }

  /* Títulos de áreas más pequeños en móvil */
  .card-title,
  .area-title,
  .areas-title,
  h4.card-title {
    font-size: 1rem !important;
    line-height: 1.25;
  }

  /* Carousel más grande en móvil */
  .carousel-item img,
  .carousel-inner img {
    width: 100%;
    height: 260px !important;
    object-fit: cover;
  }

  /* ===== Collaborators en móvil: una sola columna y card horizontal ===== */

  /* fuerza columna completa */
  .collaborator-mobile-col,
  .collaborators-section .col-lg-3,
  .collaborators-section .col-md-4,
  .collaborators-section .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* card horizontal */
  .collaborator-card,
  .collaborators-section .card {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
  }

  .collaborator-card img,
  .collaborators-section .card img {
    width: 88px !important;
    height: 88px !important;
    object-fit: contain !important;
    flex-shrink: 0;
    margin: 0 12px 0 0;
  }

  .collaborator-card .card-body,
  .collaborators-section .card .card-body {
    padding: 12px 12px 12px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    flex: 1 1 auto;
  }

  .collaborator-card .card-title,
  .collaborators-section .card .card-title {
    margin-bottom: 0;
    text-align: left !important;
    font-size: 1rem !important;
    line-height: 1.25;
  }

  .collaborator-card .card-footer,
  .collaborators-section .card .card-footer {
    border-top: 0;
    background: transparent;
    padding: 0 12px 0 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .collaborator-card .card-footer a,
  .collaborators-section .card .card-footer a {
    margin: 0 !important;
  }
	
	
	
}

/* ===== Escritorio ===== */
@media (min-width: 769px) {
  .sidebar {
    display: block;
    width: 240px;
  }

  #content-wrapper {
    margin-left: 240px;
    padding: 20px;
  }
}