/* Digital Twin cards para equipos principales */
.equipment-twin-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
  margin-top:18px;
}

.equipment-twin-card{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at top, rgba(251,146,60,.06), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}

.equipment-twin-card::after{
  content:"";
  position:absolute;
  inset:auto -20% -45% auto;
  width:180px;
  height:180px;
  background:radial-gradient(circle, rgba(34,211,238,.08), transparent 60%);
  pointer-events:none;
}

.equipment-twin-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.equipment-state-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  box-shadow:0 0 12px currentColor;
}

.equipment-state-dot.online{color:#4ADE80;background:#4ADE80;}
.equipment-state-dot.warning{color:#FB923C;background:#FB923C;}
.equipment-state-dot.urgent{color:#F87171;background:#F87171;}

.equipment-id-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.03);
  color:#CBD5E1;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.03em;
}

.equipment-twin-media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:170px;
  padding:8px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 25%, rgba(255,255,255,.08), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.equipment-twin-media img{
  width:100%;
  height:150px;
  object-fit:contain;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.55)) drop-shadow(0 4px 10px rgba(251,146,60,.10));
  transition:transform .25s ease, filter .25s ease;
}

.equipment-twin-card:hover .equipment-twin-media img{
  transform:scale(1.03);
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.6)) drop-shadow(0 6px 12px rgba(34,211,238,.12));
}

.equipment-twin-title{
  margin:0;
  color:#F8FAFC;
  font-size:1.25rem;
  font-weight:800;
  line-height:1.1;
}

.equipment-twin-meta{
  display:grid;
  gap:4px;
}

.equipment-twin-meta p{
  margin:0;
  color:#A5B4C7;
  font-size:.92rem;
}

.equipment-twin-meta p:last-child{
  color:#7C8AA0;
}

@media (max-width: 640px){
  .equipment-twin-grid{grid-template-columns:1fr;gap:14px;}
  .equipment-twin-card{padding:16px;border-radius:20px;}
  .equipment-twin-media{min-height:150px;}
  .equipment-twin-media img{height:132px;}
}