/* ===========================================================
   Tema rojo facultad — complementa Bootstrap 5
   =========================================================== */
:root{
  --rojo:#b71c1c;
  --rojo-osc:#7f0000;
  --rojo-claro:#e53935;
}

.fac-body{ background:#f4f5f7; }

/* Utilidades de color */
.fac-text{ color:var(--rojo) !important; }

/* Encabezado / barra con degradado rojo */
.fac-header{
  background:linear-gradient(135deg,var(--rojo),var(--rojo-osc));
  color:#fff;
  padding:1.6rem 1rem;
}
.fac-navbar{
  background:linear-gradient(135deg,var(--rojo),var(--rojo-osc));
}

/* Botón rojo */
.fac-btn{
  background:var(--rojo); border-color:var(--rojo); color:#fff;
}
.fac-btn:hover,.fac-btn:focus{
  background:var(--rojo-osc); border-color:var(--rojo-osc); color:#fff;
}

/* Badge de cargo */
.fac-badge{
  background:var(--rojo); color:#fff; font-weight:600;
  font-size:.74rem; padding:.35em .8em; border-radius:20px;
  white-space:normal;
}

/* ===== Tarjetas públicas ===== */
.fac-card{
  border-radius:14px; overflow:hidden; cursor:pointer;
  border-top:4px solid var(--rojo) !important;
  transition:transform .18s ease, box-shadow .18s ease;
}
.fac-card:hover, .fac-card:focus{
  transform:translateY(-4px);
  box-shadow:0 .6rem 1.4rem rgba(0,0,0,.15) !important;
}
.fac-thumb{
  width:100%; aspect-ratio:1/1; background:#eef0f2;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.fac-thumb img{ width:100%; height:100%; object-fit:cover; }
.fac-inicial{
  font-size:3rem; font-weight:700; color:var(--rojo);
  background:linear-gradient(135deg,#f0f0f0,#e0e0e0);
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
}
.fac-nombre{ font-size:.98rem; color:#1a1a1a; }
.fac-cv-link{ color:var(--rojo); font-weight:600; }

/* ===== Modal ===== */
.fac-modal-thumb{
  width:90px; height:90px; border-radius:12px; overflow:hidden;
  border:3px solid var(--rojo); background:#eef0f2;
}
.fac-modal-thumb img{ width:100%; height:100%; object-fit:cover; }
.fac-modal-thumb .fac-inicial{ font-size:2.2rem; }
.fac-cv-ratio{ --bs-aspect-ratio:130%; min-height:60vh; }
.fac-cv-ratio iframe{ border:1px solid #dee2e6; border-radius:8px; }

/* ===== Admin ===== */
.fac-avatar{
  width:44px; height:44px; border-radius:50%; object-fit:cover;
  display:inline-flex; align-items:center; justify-content:center;
}
.fac-avatar-ph{ background:#eee; color:var(--rojo); font-weight:700; }
.fac-preview{ width:90px; height:90px; border-radius:10px; object-fit:cover; border:2px solid var(--rojo); }
.fac-login-card{ border-radius:16px; overflow:hidden; }

@media (max-width:575px){
  .fac-inicial{ font-size:2rem; }
}