/* ===== RiagaTech Header ===== */
.rgt-header{
  max-width: 1200px;
  margin: 0 auto 18px auto;
  padding: 18px 22px;
  border-radius: 16px;
  background: linear-gradient(90deg,#0f7c7d,#8b2f2f,#9b7a2f);
  display: flex;
  gap: 18px;
  align-items: center;
}
.rgt-logo{
  height: 88px;
  width: auto;
  background:#fff;
  border-radius: 10px;
  padding: 8px;
}
.rgt-title{
  margin:0;
  color:#fff;
  font-size: 28px;
  font-weight: 900;
  text-shadow: 0 2px 10px rgba(0,0,0,.55);
}
.rgt-subtitle{
  margin:6px 0 0 0;
  color: rgba(255,255,255,.9);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .3px;
}


/* ===== Instruction under Start button ===== */
#rgt-instruction{
  margin: 10px auto 0;
  text-align:center;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .3px;
  color:#FFC857;
  text-shadow: 0 2px 10px rgba(0,0,0,.65);
}

/* wrapper visual */
object[data*="app.svg"] {
  transform: scale(0.70);        /* 👈 30% más chico */
  transform-origin: top center;
}
/* ================================
   RiagaTech – Scale definitivo
   Reduce TODO el speedtest 30%
================================ */



/* Evita que el layout lo vuelva a estirar */
body {
  overflow-x: hidden/* === FIX tamaño real del UI (object) === */
object#OpenSpeedTest-UI{
  /* Este controla el tamaño REAL del círculo y paneles */
  width: 70vw !important;      /* 70% del ancho de pantalla */
  max-width: 980px !important; /* límite para desktop */
  height: auto !important;

  /* opcional: si quieres aún más chico en desktop */
  /* max-width: 900px !important; */

  display: block !important;
  margin: 0 auto !important;
}

/* ===== Escala GLOBAL del UI (círculo + recuadros + botón) ===== */
#rgt-app{
  width: 100%;
  transform: scale(0.70);        /* 👈 30% menos */
  transform-origin: top center;
}

/* Ajuste: evita que se “coma” la parte baja por el scale */
#rgt-app{
  margin-top: 0;
  padding-bottom: 40px;
}