Change settings

src/views/LiveView.vue

@@ -321,7 +321,7 @@ watch(
 @media (max-width: 640px)  { .cards-grid { grid-template-columns: 1fr; } }
 
 /* CARD v3 */
-.card3 { position: relative; display: grid; grid-template-rows: auto auto; gap: 16px; padding: 18px; min-height: 220px; border: 1px solid #EEF1F6; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease; }
+.card3 { position: relative; display: grid; grid-template-rows: auto auto; gap: 16px; padding: 18px; min-height: 320px; margin-bottom: 60px; border: 1px solid #EEF1F6; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease; }
 .card3:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.08); }
 .card3.is-winner { border-color: #16a34a; box-shadow: 0 0 0 3px rgba(22,163,74,.12); }
 .card3.is-bh { outline: 2px dashed rgba(15,23,42,.08); }
@@ -332,7 +332,7 @@ watch(
 .logo { width: 48px; height: 48px; border-radius: 999px; background: #F3F4F6; display: grid; place-items: center; overflow: hidden; }
 .logo img { width: 100%; height: 100%; object-fit: contain; }
 .logo__fallback { width: 60%; height: 60%; border-radius: 999px; background: #E5E7EB; }
-.head__title { font-weight: 900; color: #0F172A; line-height: 1.1; font-size: clamp(18px, 1.6vw, 22px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.head__title { font-weight: 900; color: #0F172A; line-height: 1.1; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .head__subtitle { font-size: 13px; color: #64748B; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
 .card3__kpis { display: grid; grid-template-columns: 1.3fr .7fr .8fr; align-items: end; gap: 12px; }
@@ -342,5 +342,5 @@ watch(
 .pill.pos { background: #DCFCE7; color: #166534; }
 .pill.neg { background: #FEE2E2; color: #B91C1C; }
 
-.card3__foot { position: absolute; bottom: 12px; right: 14px; font-size: 12px; color: #5B6476; opacity: .9; }
+.card3__foot { position: absolute; bottom: 16px; right: 14px; font-size: 12px; color: #5B6476; opacity: .9; }
 </style>