/* PANEL EGUNPASA v748
   Normalizacion visual de las paginas antiguas de Indice/Herramientas.
   Todos los selectores nuevos quedan acotados a .eg-v748-* para no competir
   con las reglas historicas. Solo .cv-boton-circular es deliberadamente
   especifico del cuadro del vigilante de actualizar.html. */

.eg-v748-page,
.eg-cola-tool-v712 {
  min-width: 0;
}

.eg-v748-page {
  display: grid;
  gap: 16px;
}

.eg-v748-hero {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 16px;
  padding: 26px 30px 24px;
  border: 1px solid rgba(115,126,139,.38);
  border-radius: 15px;
  background: rgba(15,19,22,.94);
  box-shadow: 0 12px 34px rgba(0,0,0,.20);
}

.eg-v748-hero .eg-v748-kicker {
  margin: 0 0 10px;
  color: var(--egun-naranja, #ff8a20);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.eg-v748-hero h1 {
  margin: 0;
  color: var(--tinta, #f5f5f5);
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.02;
}

.eg-v748-hero p,
.eg-v748-hero .ayuda {
  max-width: 1050px;
  margin: 10px 0 0;
  color: var(--tinta-secundaria, #b8bdc2);
  font-size: 14px;
  line-height: 1.55;
}

.eg-v748-surface {
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(105,117,129,.34);
  border-radius: 15px;
  background: rgba(14,18,21,.92);
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
  overflow: hidden;
}

.eg-v748-surface > :first-child { margin-top: 0; }
.eg-v748-surface > :last-child { margin-bottom: 0; }

/* Las antiguas cajas ya no flotan directamente sobre los engranajes: viven
   dentro de una superficie comun. Se conservan sus bordes internos para que
   formularios/resultados sigan siendo distinguibles. */
.eg-v748-surface .panel,
.eg-v748-surface .alcance,
.eg-v748-surface .resumen,
.eg-v748-surface .zona-suelta,
.eg-v748-surface .pestanas,
.eg-v748-surface table {
  max-width: 100%;
}

.eg-v748-surface .panel,
.eg-v748-surface .alcance,
.eg-v748-surface .resumen,
.eg-v748-surface .zona-suelta {
  background-color: rgba(10,13,15,.68);
}

.eg-v748-surface h2,
.eg-v748-surface h3 {
  color: var(--tinta, #f5f5f5);
}

.eg-v748-tool-hero {
  margin-bottom: 16px;
}

.eg-v748-tool-surface {
  margin-bottom: 18px;
}

/* El panel de actualizacion ya usa flex; aqui anulamos cualquier geometria
   heredada del icono y hacemos el centrado optico de los dos iconos circulares. */
.cv-botones button.cv-boton-circular .ic-ui {
  position: static !important;
  margin: 0 !important;
  inset: auto !important;
  align-self: center !important;
  vertical-align: middle !important;
  transform: translateY(.5px);
  transform-origin: 50% 50%;
}

@media (max-width: 760px) {
  .eg-v748-hero { padding: 21px 20px 19px; }
  .eg-v748-surface { padding: 14px; }
  .eg-v748-hero h1 { font-size: clamp(30px, 9vw, 42px); }
}