/* CR – Mega Menú (front) */
.crmm-container { position: relative; }
.crmm-menu > li { position: relative; }

/* Panel mega */
.crmm-menu > li.crmm-mega > .crmm-panel{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:100%;
  width:min(1100px, 94vw);
  background:#fff;
  border-radius:12px;
  box-shadow:0 14px 40px rgba(0,0,0,.18);
  padding:18px;
  z-index:9999;
  display:none;
}

.crmm-menu > li.crmm-mega:hover > .crmm-panel,
.crmm-menu > li.crmm-mega.crmm-open > .crmm-panel{
  display:block;
}

/* Banners */
.crmm-banners{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
  margin-bottom:16px;
}
.crmm-banner-img{
  width:100%;
  height:auto;
  border-radius:10px;
  display:block;
}

/* Grid items */
.crmm-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap:10px 18px;
}
.crmm-grid > li{ margin:0; padding:0; }
.crmm-link{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 10px;
  border-radius:10px;
  text-decoration:none;
  line-height:1.2;
}
.crmm-link:hover{
  background:rgba(0,0,0,.04);
}
.crmm-icon-wrap{
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
}
.crmm-icon-empty{
  background:rgba(0,0,0,.08);
  border-radius:50%;
}
.crmm-icon{width:28px;height:28px;object-fit:contain}
.crmm-text{font-weight:600;}

/* Responsive */
@media (max-width: 900px){
  .crmm-banners{grid-template-columns:1fr}
  .crmm-grid{grid-template-columns: repeat(2, minmax(180px, 1fr));}
}
@media (max-width: 600px){
  .crmm-menu > li.crmm-mega > .crmm-panel{
    position:static;
    transform:none;
    width:100%;
    box-shadow:none;
    padding:12px;
    display:block; /* en mobile siempre visible bajo el item */
  }
  .crmm-grid{grid-template-columns:1fr}
}