.elementor-405 .elementor-element.elementor-element-251eb46{--display:flex;--background-transition:0.3s;}.elementor-405 .elementor-element.elementor-element-ff9e5e9 > .elementor-widget-container{margin:-20px -20px -20px -20px;}.elementor-405 .elementor-element.elementor-element-0323acb{--display:flex;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-405 .elementor-element.elementor-element-0323acb::before, .elementor-405 .elementor-element.elementor-element-0323acb > .elementor-background-video-container::before, .elementor-405 .elementor-element.elementor-element-0323acb > .e-con-inner > .elementor-background-video-container::before, .elementor-405 .elementor-element.elementor-element-0323acb > .elementor-background-slideshow::before, .elementor-405 .elementor-element.elementor-element-0323acb > .e-con-inner > .elementor-background-slideshow::before, .elementor-405 .elementor-element.elementor-element-0323acb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#070707;}.elementor-405 .elementor-element.elementor-element-60e3ac9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-405 .elementor-element.elementor-element-48b0c6e > .elementor-widget-container{margin:-80px 0px 0px 0px;padding:-80px -80px -80px -80px;}body.elementor-page-405:not(.elementor-motion-effects-element-type-background), body.elementor-page-405 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}/* Start custom CSS for html, class: .elementor-element-60e3ac9 *//* ===== Scope & base ===== */
#totem-ingreso{
  --rad:18px;
  --w: clamp(360px, 75vh, 560px); /* ancho del teclado calculado por altura */
  --gap:12px;
  background: transparent !important;
  transform: none !important;        /* ← quita el scale que generaba aire */
  padding: 0 !important;
}
#totem-ingreso.totem{
  width:100vw;
  min-height:100vh;                  /* alto pantalla */
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  display:flex; flex-direction:column;
  align-items:center;
  justify-content:flex-start !important; /* anclar arriba */
  padding-top:12px;
  gap:12px;
  background:transparent !important;
}

/* contenedor interno sin 100vh */
#totem-ingreso .totem-inner{
  width:100%;
  max-width:700px;
  display:flex; flex-direction:column; align-items:center;
  gap:10px; margin:0 auto;
}

/* ===== Input grande oscuro ===== */
#totem-ingreso #inputCode{
  width: var(--w) !important;
  font-size: clamp(52px, 10vw, 88px) !important;
  line-height:1.05 !important;
  text-align:center;
  padding:26px 20px !important;
  background:#0f0f0f !important; color:#fff !important;
  border:none !important; border-radius:18px !important;
  margin:0 auto 8px !important; display:block;
}
#totem-ingreso #nkMsg{ font:700 20px 'Open Sans',sans-serif; color:#fff; margin:6px 0 8px; }
#totem-ingreso #inputCode::placeholder{ color:#ffffffaa; }

/* ===== Teclado: grilla estable 3xN y SIN solapes ===== */
#totem-ingreso .numeric-keyboard{
  width: var(--w) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: var(--gap) !important;
  /* cada fila EXACTA = botón cuadrado */
  grid-auto-rows: calc((var(--w) - (var(--gap) * 2)) / 3) !important;
  background:transparent !important; padding:0 !important; border:0 !important;
}

/* tecla cuadrada 1:1 con PNG de fondo (texto arriba) */
#totem-ingreso .numeric-keyboard .key{
  all:unset;
  position:relative;
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100% !important;
  overflow:hidden; box-sizing:border-box;
  border-radius: var(--rad);
  cursor:pointer; user-select:none;

  background-image:url("https://share.movi360.ar/wp-content/uploads/2025/08/boton-limpio.png") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;

  font:700 clamp(26px, 6.5vw, 40px) 'Open Sans', sans-serif;
  line-height:1; color:#111;
}
#totem-ingreso .numeric-keyboard .key:active{ transform:scale(.97); }

/* Por si quedó otro teclado en la página, ocultar duplicados */
#totem-ingreso .numeric-keyboard:not(:last-of-type){ display:none !important; }

/* Pequeño ajuste en móviles para Borrar/Entrar */
@media (max-width:480px){
  #totem-ingreso .numeric-keyboard .key.clear,
  #totem-ingreso .numeric-keyboard .key.enter{
    font-size: clamp(22px, 5.2vw, 34px);
  }
}

/* Quitar márgenes/paddings residuales de Elementor bajo este scope */
#totem-ingreso .elementor-container,
#totem-ingreso .elementor-column,
#totem-ingreso .elementor-widget{
  margin-bottom:0 !important; padding-bottom:0 !important;
}
#totem-ingreso {
  zoom: 0.65; 
}/* End custom CSS */