/* assets/style.css - estilos principales actualizados para aspecto "bonito" (tiles grandes y sidebar) */
body { font-family: "Segoe UI", Roboto, Arial, sans-serif; }
.navbar-brand { font-weight:700; }

/* Price tiles */
.price-card {
  border-radius:14px;
  color:#fff;
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:120px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.price-card:hover { transform:translateY(-6px); box-shadow:0 18px 40px rgba(2,6,23,0.10); }
.price-amount { font-weight:800; font-size:36px; letter-spacing:0.2px; }
.price-name { font-size:16px; opacity:0.95; margin-top:6px; }
.price-sub { font-size:12px; opacity:0.9; }

/* Charts & panels */
.chart-block, .chart-panel {
  background:#fff;
  border-radius:12px;
  padding:18px;
  box-shadow:0 8px 26px rgba(12,18,40,0.04);
}

/* Pumps (islas) sidebar */
.right-islands { border-radius:12px; }
.pump-grid {
  display:grid;
  grid-template-columns: repeat(2,1fr);
  gap:12px;
}
.pump-card {
  background:#f9fafb;
  border-radius:10px;
  border:1px solid #eef2f6;
  text-align:center;
  padding:10px;
  min-height:170px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  transition:box-shadow .12s ease, transform .12s ease;
}
.pump-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(2,6,23,0.06); }
.pump-image { width:100%; height:86px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:8px; margin-bottom:8px; border:1px solid #f0f4f7; }
.pump-image img { max-width:100%; max-height:74px; object-fit:contain; }
.pump-name { font-weight:700; margin-bottom:6px; }
.pump-last { font-size:13px; color:#6c757d; }

/* Responsive tweaks */
@media (max-width:991px){
  .pump-grid { grid-template-columns: repeat(1,1fr); }
  .price-amount { font-size:28px; }
}