/* Fotografía limpia en catálogo y aula; títulos fuera de la imagen. */
#courses-grid-container .cca-course-cover-title { display:none !important; }
#courses-grid-container .relative.h-48 > img {
  object-fit:cover !important;
  object-position:center top !important;
  transform:scale(1.16) !important;
  transform-origin:50% 0 !important;
}
#courses-grid-container .group:hover .relative.h-48 > img { transform:scale(1.20) !important; }
#courses-grid-container img[src*="course-covers/cca-08"] { object-position:center 35% !important; transform:scale(1) !important; }
#courses-grid-container .group:hover img[src*="course-covers/cca-08"] { transform:scale(1.04) !important; }
#courses-grid-container .relative.h-48 > .absolute.inset-0 {
  background:linear-gradient(to top,rgba(6,8,10,.18),transparent 38%) !important;
}
.cca-classroom-cover {
  overflow:hidden;
  position:relative;
  background:#161a1e;
}
.cca-classroom-cover img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(2.05);
  transform-origin:50% 0;
}
.cca-classroom-cover[data-course-id="cca-08"] img { transform:none; }
#detail-course-poster { object-position:center top; }

/* Plata metálica del logo solo en acentos y controles, con tinta oscura encima. */
:root {
  --cca-silver:#d6dbe0;
  --cca-amber:#d6dbe0;
  --cca-amber-hover:#edf0f2;
  --cca-metal:linear-gradient(115deg,#8f989f 0%,#f2f4f5 37%,#adb5bc 70%,#d8dde1 100%);
}
.cca-welcome-primary,
button[class~="bg-amber-500"],
.cca-welcome-actions button[class~="cca-welcome-primary"],
.cca-brand-welcome button[class~="cca-welcome-primary"],
button[class*="bg-gradient-"][class~="from-amber-500"],
.category-pill[class~="bg-amber-500"] {
  background:var(--cca-metal) !important;
  color:#101316 !important;
  text-shadow:none !important;
  border:1px solid rgba(255,255,255,.30);
}
.cca-welcome-primary:hover,
button[class~="bg-amber-500"]:hover {
  background:linear-gradient(115deg,#aab2b8,#fff 40%,#b9c0c6 75%,#e8ebed) !important;
}
.category-pill { white-space:nowrap !important; flex-shrink:0 !important; }
#categories-pills-container { min-width:0; }

/* Las secciones amplias conservan fondo oscuro; antes heredaban un degradado
   plata sólido y el texto claro dejaba de leerse. */
[class*="bg-gradient-"][class~="from-amber-500/10"],
[class*="bg-gradient-"][class~="from-amber-500/20"] {
  background-image:linear-gradient(115deg,rgba(192,202,211,.11),#171b1f 58%,#101316) !important;
}
[class~="bg-amber-500/10"],[class~="bg-amber-500/20"] {
  color:#e6e9ec;
}

/* Niveles claros y legibles sobre grafito; el efecto metal no se aplica a texto. */
.cca-welcome-eyebrow,.cca-welcome-copy h1 em,
[class~="text-amber-400"],[class~="text-amber-500"] {
  color:#eef0f2 !important;
  text-shadow:none !important;
}
[class~="text-amber-200"],[class~="text-amber-300"] { color:#f2f3f4 !important; }
button[class~="bg-amber-500"] [class~="text-amber-400"] { color:#101316 !important; }
#courses-grid-container > div.group:hover {
  border-color:#bec6cd !important;
  box-shadow:0 18px 45px rgba(173,184,194,.14) !important;
}
#view-catalog input:focus,#view-catalog button:focus-visible,header button:focus-visible {
  outline:2px solid #d6dbe0 !important;
}
@media (max-width:480px) {
  .category-pill { font-size:.75rem; }
  .cca-classroom-cover { width:5.5rem; height:5.5rem; }
}