/* MENÚ "Proyectos" v1 · adcenter.com.mx (30-oct-2026, Fer: "en donde dice Proyectos agrega lo de portafolio… júntalo de
   alguna manera creativa"). Desplegable con 3 tarjetas visuales: casos de éxito, portafolio de videos y de páginas web.
   Usa el mismo panel del mega menú (mega-menu-v1.css); aquí solo va lo propio. Las miniaturas se piden al abrir (JS). */
.acm-panel-proy .acm-proy-in { display: block; padding: 18px; }
.elementor-location-header .elementor-nav-menu--main .acm-panel ul.acm-lista.acm-proy-lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.elementor-location-header .elementor-nav-menu--main .acm-panel a.acm-proy { display: flex; flex-direction: column; gap: 4px; padding: 8px 8px 12px; border-radius: 16px; text-decoration: none; color: #090055;
  transition: background-color .18s ease; }   /* el tema pone "transition: .4s" a todo en los <a> del menú: retrasaba el foco */
.acm-proy:hover, .acm-proy:focus-visible { background: #F4F1FF; }
.acm-proy:focus-visible { outline: 2px solid #A652FF; outline-offset: 0; }
.acm-proy-img { display: block; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; margin-bottom: 8px;
  background: linear-gradient(135deg, #E8EFFF, #F1E9FE); border: 1px solid var(--acm-linea, #E6E4F2); }
.acm-proy-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s var(--acm-ease, ease); }
.acm-proy:hover .acm-proy-img img { transform: scale(1.04); }
.acm-proy-t { font: 600 16px/20px "Gabarito", sans-serif; color: #090055; }
.acm-proy-d { font: 400 13.5px/19px "Albert Sans", sans-serif; color: #54595F; }
.acm-proy[aria-current="page"] .acm-proy-t { color: #6C6B7A; }
@media (prefers-reduced-motion: reduce) { .acm-proy-img img, .acm-proy { transition: none; } .acm-proy:hover .acm-proy-img img { transform: none; } }
/* Celular: "Proyectos" con sus 3 renglones, igual que los demás del menú lateral */
.acm-cel-proy .acm-cel-proy-lista { list-style: none; margin: 0; padding: 0; }