body {
  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}

h1 { font-size: 16px; margin-top: 0; }

#home {
  background-image: url('../../images/Grupal_1.jpg');
  background-size: cover;
  background-position: center;
}

#home p { color: #f5f5f4; }

p { color: rgb(107,114,128); font-size: 15px; margin: 5px 0 10px; }

.card { max-width:620px; margin:0 auto; padding:16px; border:1px solid lightgray; border-radius:16px; }
.card p:last-child { margin-bottom:0; }

.filter-btn {
  padding:0.5rem 1rem;
  font-weight:500;
  color:#3b82f6;
  border-bottom:2px solid transparent;
  transition:all 0.3s ease;
}
.filter-btn:hover { color:#2563eb; }
.filter-btn.active-tab { border-color:#3b82f6; }

.resources-container {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:1.5rem;
}

.resource-card { background:#fff; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.06);
  overflow:hidden; display:flex; flex-direction:column; transition:transform 0.2s ease, box-shadow 0.2s ease;}
.resource-card:hover { transform:translateY(-4px); box-shadow:0 6px 14px rgba(0,0,0,0.08); }

.resource-icon-wrapper { padding:1.5rem; display:flex; align-items:center; justify-content:center; }
.resource-info { padding:1rem 1.5rem; flex-grow:1; display:flex; flex-direction:column; }
.resource-title { font-size:1rem; font-weight:600; color:#1f2937; margin-bottom:0.5rem; }
.resource-meta { display:flex; align-items:center; font-size:0.875rem; color:#6b7280; margin-bottom:1rem; }
.resource-meta i { margin-right:0.5rem; }
.resource-actions { display:flex; justify-content:space-between; align-items:center; font-size:0.875rem; color:#6b7280; }
.resource-actions a { color:#3b82f6; text-decoration:none; margin-left:0.5rem; }
.resource-actions a:hover { text-decoration:underline; }
.resource-icon-wrapper i { font-size:2.5rem; }

#collab-modal input,
#collab-modal textarea,
#collab-modal select {
  background:#f9fafb; border:1px solid #d1d5db; color:#111827;
  padding:0.5rem; border-radius:0.375rem; width:100%;
}
#collab-modal input[type=file]{ background:#f3f4f6; padding:0.5rem; border-radius:0.375rem; }
#collab-modal input:focus,
#collab-modal textarea:focus {
  border-color:#3b82f6; outline:none; box-shadow:0 0 0 2px rgba(59,130,246,0.3);
}
#collab-modal button[type=submit] {
  background:#059669; padding:0.5rem 1rem; font-weight:600; border-radius:0.375rem;
}
#collab-modal button[type=submit]:hover { background:#047857; }

.calendar-day:hover { transform:scale(1.05); box-shadow:0 4px 6px rgba(0,0,0,0.1); }
.news-card:hover { transform:translateY(-5px); box-shadow:0 10px 15px rgba(0,0,0,0.1); }
.branch-card:hover, .pdf-card:hover { transform:translateY(-3px); box-shadow:0 6px 12px rgba(0,0,0,0.1); }

/* Tabs internos */
.active-tab { border-bottom:3px solid #3b82f6; color:#3b82f6; }

/* Header nav limpio */
header nav a, header nav a:visited { color:inherit; text-decoration:none; }
header nav a:hover, header nav a:focus { text-decoration:none; }
header nav a::after { content:none; display:none; }
header nav a.active, header nav a.active-tab, header nav a[aria-current="true"] {
  border:0; text-decoration:none; color:inherit;
}

@media(max-width:768px){
  .calendar-grid { grid-template-columns:repeat(7,minmax(40px,1fr)); }
}
/* Botón "Favoritos" (invertir colores cuando está activo) */
#orden-favoritos-praise {
  background: #fff;
  color: #2563eb;             /* azul del borde/texto */
  border: 2px solid #2563eb;
}

#orden-favoritos-praise[aria-pressed="true"],
#orden-favoritos-praise.active {
  background: #2563eb;        /* fondo azul al activar */
  color: #fff;                 /* texto blanco al activar */
  border-color: #2563eb;
}

/* Asegura que el ícono de estrella también invierta color al activar */
#orden-favoritos-praise[aria-pressed="true"] i,
#orden-favoritos-praise.active i {
  color: #fff;
}