/* ============================================================
   DESIGN 1 — ORBITAL CLASICO
   Plugin: niccproyectos
   Replica exacta del diseno Orbital escogido
   Escala 1.36x para botones mas grandes
   ============================================================ */
.nicc-menu-proyectos{
  margin:-20px;
  background:linear-gradient(145deg,#f4f7fc,#e8edf8);
  padding:20px 0 0;
}
.nicc-menu-proyectos .circular-menu{
  position:relative;width:100%;max-width:760px;
  aspect-ratio:1/1;margin:0 auto;
}
/* Logo central */
.nicc-menu-proyectos .center-logo{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:176px;height:176px;border-radius:50%;
  background:linear-gradient(145deg,#1e40af,#2563eb);
  box-shadow:0 0 0 7px rgba(255,255,255,.9),0 0 0 12px rgba(37,99,235,.15),
    0 24px 60px rgba(30,64,175,.25);
  display:flex;align-items:center;justify-content:center;
  z-index:10;overflow:hidden;
}
.nicc-menu-proyectos .center-logo img{width:100%;height:100%;object-fit:cover;}
.nicc-menu-proyectos .center-logo .logo-text{
  font-size:2.7rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);
}
/* Anillos */
.nicc-menu-proyectos .decorative-ring{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:88%;height:88%;
  border-radius:50%;border:2px dashed rgba(37,99,235,.15);pointer-events:none;
}
.nicc-menu-proyectos .decorative-ring-inner{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:52%;height:52%;
  border-radius:50%;border:2px solid rgba(37,99,235,.1);pointer-events:none;
}
/* Items circulares */
.nicc-menu-proyectos .menu-item{
  position:absolute;width:108px;height:108px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-decoration:none !important;text-align:center;gap:1px;
  background:linear-gradient(145deg,#fff,#f0f4ff);
  border:2px solid rgba(37,99,235,.1);
  box-shadow:0 4px 16px rgba(37,99,235,.1),0 2px 6px rgba(0,0,0,.04);
  transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;
}
.nicc-menu-proyectos .menu-item:hover{
  transform:scale(1.15);
  box-shadow:0 10px 30px rgba(37,99,235,.2),0 4px 12px rgba(0,0,0,.06);
  border-color:rgba(37,99,235,.3);
  background:linear-gradient(145deg,#f8faff,#e0eaff);
}
.nicc-menu-proyectos .menu-item .item-icon{width:40px;height:40px;margin-bottom:1px;display:flex;align-items:center;justify-content:center;}
.nicc-menu-proyectos .menu-item .item-icon img,
.nicc-menu-proyectos .menu-item .item-icon span{width:100%;height:100%;object-fit:contain;}
.nicc-menu-proyectos .menu-item .item-number{font-weight:800;font-size:1.28rem;color:#2563eb;line-height:1;}
.nicc-menu-proyectos .menu-item .item-text{font-size:.5rem;font-weight:700;text-transform:uppercase;color:#475569;line-height:1.15;max-width:96px;}
.nicc-menu-proyectos .emoji-fallback{font-size:2.1rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
/* Highlight */
.nicc-menu-proyectos .menu-item.highlight{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;
  box-shadow:0 8px 24px rgba(37,99,235,.35);
  overflow:visible;
}
.nicc-menu-proyectos .menu-item.highlight:hover{box-shadow:0 12px 36px rgba(37,99,235,.45);background:linear-gradient(135deg,#3b82f6,#2563eb);}
.nicc-menu-proyectos .menu-item.highlight .item-number,
.nicc-menu-proyectos .menu-item.highlight .item-text{color:#fff;}
.nicc-menu-proyectos .menu-item.highlight .item-icon img{filter:none !important;}
.nicc-menu-proyectos .menu-item.highlight::after{
  content:'NUEVO';position:absolute;top:-8px;right:-8px;
  background:#16a34a;color:#fff;font-size:.52rem;font-weight:800;
  padding:3px 8px;border-radius:8px;box-shadow:0 2px 6px rgba(22,163,74,.3);
  z-index:20;line-height:1.2;pointer-events:none;
}
/* Posiciones — 10 items en circulo (ajustadas para items 108px en contenedor 760px) */
.nicc-menu-proyectos .menu-item.pos-1{top:2%;left:55%;}
.nicc-menu-proyectos .menu-item.pos-2{top:14%;right:6%;}
.nicc-menu-proyectos .menu-item.pos-3{top:40%;right:1%;}
.nicc-menu-proyectos .menu-item.pos-4{top:66%;right:6%;}
.nicc-menu-proyectos .menu-item.pos-5{bottom:3%;right:20%;}
.nicc-menu-proyectos .menu-item.pos-6{bottom:3%;left:20%;}
.nicc-menu-proyectos .menu-item.pos-7{top:66%;left:6%;}
.nicc-menu-proyectos .menu-item.pos-8{top:40%;left:1%;}
.nicc-menu-proyectos .menu-item.pos-9{top:14%;left:6%;}
.nicc-menu-proyectos .menu-item.pos-10{top:2%;left:33%;}
/* Botones inferiores */
.nicc-menu-proyectos .bottom-buttons{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
  padding:20px 24px 24px;
}
.nicc-menu-proyectos .bottom-btn{
  display:flex;align-items:center;gap:10px;padding:12px 20px;
  border-radius:50px;text-decoration:none !important;
  font-weight:600;font-size:1rem;color:#1e293b;
  background:#fff;border:1.5px solid rgba(37,99,235,.12);
  box-shadow:0 2px 8px rgba(37,99,235,.06);
  transition:all .25s;cursor:pointer;
}
.nicc-menu-proyectos .bottom-btn:hover{border-color:#93bbfd;box-shadow:0 4px 16px rgba(37,99,235,.12);transform:translateY(-2px);}
.nicc-menu-proyectos .bottom-btn.highlight-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;box-shadow:0 4px 16px rgba(37,99,235,.25);}
.nicc-menu-proyectos .bottom-btn .btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;}
.nicc-menu-proyectos .bottom-btn .btn-icon img{width:100%;height:100%;object-fit:contain;}
.nicc-menu-proyectos .bottom-btn.highlight-btn .btn-icon img{filter:none !important;}

/* Grid fallback — oculto en desktop */
.nicc-menu-proyectos .grid-fallback{display:none;}

/* Responsive — breakpoint 768px */
@media only screen and (max-width:768px){
  .nicc-menu-proyectos{padding:0;margin:0 !important;}
  .nicc-menu-proyectos .circular-menu{display:none !important;}
  .nicc-menu-proyectos .grid-fallback{
    display:block !important;
    overflow:hidden;
    width:100%;
  }
  .nicc-menu-proyectos .grid-fallback .grid-item{
    display:block !important;
    float:left;
    width:50%;
    padding:11px 14px;
    background:#fff;
    border:1px solid #e8ecf4;
    text-decoration:none !important;
    transition:background .15s;
    box-sizing:border-box;
    overflow:hidden;
  }
  .nicc-menu-proyectos .grid-fallback .grid-item:hover{background:#f0f5ff;}
  .nicc-menu-proyectos .grid-fallback .grid-item .item-icon{
    width:32px;height:32px;float:left;margin-right:8px;
    display:block !important;
  }
  .nicc-menu-proyectos .grid-fallback .grid-item .item-icon img{
    width:100%;height:100%;object-fit:contain;
    display:block !important;
  }
  .nicc-menu-proyectos .grid-fallback .grid-item .item-number{
    font-weight:800;font-size:.9rem;color:#2563eb;
    display:block !important;
  }
  .nicc-menu-proyectos .grid-fallback .grid-item .item-text{
    font-size:.6rem;font-weight:600;color:#475569;text-transform:uppercase;
    display:block !important;
  }
  .nicc-menu-proyectos .grid-fallback .grid-item.highlight{background:linear-gradient(135deg,#2563eb,#1d4ed8);}
  .nicc-menu-proyectos .grid-fallback .grid-item.highlight .item-number,
  .nicc-menu-proyectos .grid-fallback .grid-item.highlight .item-text{color:#fff;}
  .nicc-menu-proyectos .grid-fallback .grid-item.highlight .item-icon img{filter:none !important;}
  .nicc-menu-proyectos .bottom-buttons{padding:0;}
  .nicc-menu-proyectos .bottom-btn{flex:1;border-radius:0;padding:10px 12px;font-size:.7rem;border:1px solid #e8ecf4;box-shadow:none;}
  .nicc-menu-proyectos .bottom-btn.highlight-btn{border-radius:0;}
}
