/* Reset y tipografía básica */
body {
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #fff;
  overflow: hidden;
  touch-action: manipulation;
}

/* Evita selección de texto en toda la app */
body, section, .banner, .present-content, .wait-content, .pregunta-content, .cuestionario-content, .final-content, .btn, .btn-reiniciar, .opcion, .logo-btn {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* Banners */
.banner {
  width: 100vw;
  height: auto;
  line-height: normal;
  text-align: center;
  background: none; /* Quita el fondo de color */
  position: fixed;
  left: 0;
  z-index: 10;
  padding: 0;
  display: block; /* Cambia a block para que la imagen ocupe todo */
}
.banner-top { top: 0; }
.banner-bottom { bottom: 0; }

.banner-img {
  width: 100vw;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  z-index: 10; /* banners y sus imágenes por debajo del botón */
}

/* Pantallas */
section {
  width: 100vw;
  height: calc(100vh - 200px);
  position: absolute;
  top: 100px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: #fff;
}

/* Pantallas de espera con fondo animado */
.wait-screen {
  background: transparent;
}
.particles-bg {
  position: absolute;
  width: 100vw;
  height: calc(100vh - 200px);
  top: 0;
  left: 0;
  z-index: 0;
}
.wait-content {
  position: relative;
  z-index: 1;
  font-size: 3em;
  color: #fff;
  text-shadow: 0 2px 8px #000;
}

/* Franjas blancas arriba y abajo solo en wait1 */
body.wait1 .wait-franja-blanca {
  display: block;
}
.wait-franja-blanca {
  display: none;
  position: fixed;
  left: 0;
  width: 100vw;
  height: 500px;
  background: #fff;
  z-index: 1000;
  pointer-events: none;
}
.wait-franja-blanca.top {
  top: 0;
}
.wait-franja-blanca.bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 500px;
  background: #fff;
  z-index: 1000;
  pointer-events: none;
}

/* Contenedores individuales */
.franja-texto {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: 'Playfair Display', serif;
  font-size: 2.3em;
  font-weight: 700;
  user-select: none;
  pointer-events: none;
  z-index: 1020;
}

/* Instagram: izquierda, abajo 100px del borde superior, 50px de la izquierda */
.franja-texto-izq {
  top: 200px;
  left: 50px;
  color: #ff9800;
}

/* Web: arriba, 20px del borde, centrado */
.franja-texto-centro {
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  color: #4b2072;
}

/* LinkedIn: derecha, abajo 100px del borde superior, 50px del borde derecho */
.franja-texto-der {
  top: 200px;
  right: 50px;
  color: #4b2072;
}

/* Iconos */
.franja-texto i.fab {
  font-size: 1em;
  margin-right: 18px;
  vertical-align: middle;
  color: inherit;
}

/* Colores para MasaDigital */
.texto-linkedin .masa-violeta {
  color: #4b2072 !important;
}
.texto-linkedin .digital-naranja {
  color: #ff9800;
  margin-left: 2px;
}
.texto-web {
  color: #4b2072;
}

/* Presentaciones */
.present-content {
  font-size: 3em;
  text-align: center;
}
.logo-placeholder {
  display: block;
  margin: 40px auto;
  font-size: 2em;
  padding: 30px;
  border: 2px dashed #0077c2;
  background: #e3f2fd;
}

/* Pantalla cliente */
.cliente-content {
  text-align: center;
}
.btn {
  font-size: 2em;
  margin: 20px;
  padding: 20px 40px;
  border-radius: 12px;
  border: none;
  background: #0077c2;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.btn:hover, .btn:active {
  background: #005a8e;
}
.btn-reiniciar {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 3000; /* bien arriba */
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #e0e0e0;
  border: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s;
  padding: 0;
  text-decoration: none;
}
.btn-reiniciar:hover, .btn-reiniciar:active {
  background: #bdbdbd;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}
.btn-reiniciar svg {
  width: 32px;
  height: 32px;
  display: block;
}
.num-cliente-content {
  text-align: center;
  width: 100%;
  font-size: 2em;
}
.num-cliente-content h2 {
  font-family: 'Playfair Display', serif;
  font-size: 3em;
  font-weight: 700;
  color: #4b2072; /* Violeta institucional */
  margin-bottom: 40px;
  text-align: center;
}
#numClienteInput {
  font-size: 2em;
  padding: 20px;
  width: 400px;
  margin: 30px auto 40px auto;
  display: block;
  border-radius: 12px;
  border: 3px solid #4b2072;
  background: #fff;
  color: #4b2072;
  text-align: center;
}
.teclado-numerico {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 336px; /* 20% menos que 420px */
}
.teclado-row {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}
.tecla {
  font-size: 1.6em;
  width: 80px;
  height: 80px;
  margin: 6px;
  border-radius: 13px;
  border: 3px solid #4b2072; /* Violeta institucional */
  background: none; /* Sin fondo */
  color: #4b2072;
  cursor: pointer;
  transition: background 0.2s, border 0.2s, color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.tecla:hover, .tecla:active {
  background: #ff9800; /* Naranja institucional al presionar */
  color: #fff;
  border-color: #ff9800;
}
.tecla-borrar {
  border: 3px solid #c62828;
  color: #c62828;
  background: none;
}
.tecla-borrar:hover, .tecla-borrar:active {
  background: #ffcdd2;
  color: #c62828;
  border-color: #c62828;
}
.tecla-aceptar {
  border: 3px solid #43a047;
  color: #43a047;
  background: none;
}
.tecla-aceptar:hover, .tecla-aceptar:active {
  background: #c8e6c9;
  color: #388e3c;
  border-color: #388e3c;
}

/* Preguntas */
.pregunta-content, .cuestionario-content, .final-content {
  text-align: center;
  width: 100%;
}
.cuestionario-content h2 {
  font-family: 'Playfair Display', serif;
  font-size: 3em;
  font-weight: 700;
  color: #222;
  margin-bottom: 100px;
}
.pregunta-content h2 {
  font-family: 'Playfair Display', serif;
  font-size: 2em;
  font-weight: 700;
  color: #222;
  margin-bottom: 32px;
  text-align: center;
}

.pregunta-content p {
  font-size: 1.3em;
  color: #222;
  margin-bottom: 32px;
  text-align: center;
}

.opciones {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  margin: 40px auto 24px auto;
  width: 100%;
  max-width: 480px;
}
.opcion {
  display: flex;
  align-items: center;
  font-size: 1.2em;
  background: #fff;
  color: #222;
  border: 2px solid #222;
  border-radius: 32px;
  padding: 0;
  width: 100%;
  min-height: 64px;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.2s, border 0.2s, color 0.2s;
  position: relative;
  /*overflow: hidden;*/
}
.opcion.selected {
  background: #c8e6c9;
  border-color: #43a047;
  color: #222;
}
.opcion.correcta {
  border-color: #43a047 !important;
  box-shadow: 0 0 10px #43a047;
  background: #c8e6c9 !important; /* verde claro */
}
.opcion.incorrecta {
  border-color: #c62828 !important;
  box-shadow: 0 0 10px #c62828;
  background: #ffcdd2 !important; /* rojo claro */
}

/* Flecha circular a la izquierda */
.opcion::before {
    left:-100px;
  content: '';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  margin-left: 12px;
  margin-right: 18px;
  background: #4b2072;
  border-radius: 50%;
  position: absolute;
}
.opcion[data-idx="0"]::before,
.opcion[data-idx="1"]::before,
.opcion[data-idx="2"]::before {
  /* SVG flecha blanca centrada */
  content: '';
  background: #4b2072;
}
.opcion::after {
  content: '';
  position: absolute;
  left: -72px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
    background-image: url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14M13 6l6 6-6 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
  pointer-events: none;
}

/* Texto de la opción */
.opcion span {
  font-size: 1.1em;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-weight: 400;
  color: #222;
  padding: 0 12px;
  flex: 1;
  
}
.pregunta-content h2 {
  font-size: 4em;
  margin-bottom: 90px;
}


/* Pista debajo de las opciones */
.pregunta-content .pista {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
  font-size: 2em;
  color: #222;
  font-style: italic;
  padding-right:100px;
}
.pregunta-content .pista .emoji {
  font-size: 2em;
  margin-right: 12px;
}

/* Logos cuestionario */
.logos-cuestionario {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin: 60px 0;
}
.logos-cuestionario-grilla {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  justify-content: center;
  align-items: center;
  margin: 60px auto 24px auto;
  max-width: 600px;
}
.logo-btn {
  background: none;
  border: none !important;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-btn img {
  width: 180px;
  max-width: 100%;
  height: 180px;
  max-height: 180px;
  border-radius: 24px;
  border: none !important;
  background: #fff;
  box-shadow: 0 2px 16px rgba(0,0,0,0.08);
  transition: box-shadow 0.2s;
  object-fit: contain; /* Mantiene la relación de aspecto */
  display: block;
}
.logo-btn.selected img {
  box-shadow: 0 0 0 6px #00bfae;
}

/* Pantalla final */
.final-content {
  text-align: center;
  width: 100%;
  margin-top: -15vh; /* Subido un 25% aprox */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.final-titulo {
  font-family: 'Playfair Display', serif;
  font-size: 7vw; /* Más grande y responsivo */
  font-weight: 700;
  color: #222;
  margin-bottom: 24px;
  width: 80vw;
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.final-subtitulo {
  font-family: 'Playfair Display', serif;
  font-size: 4.5vw; /* Más grande y responsivo */
  font-weight: 400;
  color: #222;
  margin-bottom: 32px;
  letter-spacing: 0.12em;
  width: 80vw;
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
  margin-top:50px;
  margin-bottom:150px;
}

.final-logo-masa {
  display: block;
  margin: 0 auto 0 auto;
  max-width: 80vw;
  width: 60vw;
  height: auto;
}

/* Oculta el logo fijo abajo a la izquierda en la pantalla final */
body.final #logo-masa-fijo {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Logo grande */
.logo-grande {
  display: block;
  margin: 40px auto 0 auto;
  max-width: 80vw;
  height: auto;
}
.logo-present2 {
  opacity: 0;
  display: block;
  margin: 100px auto 0 auto;
  max-width: 50vw;
  height: auto;
}
.bienvenido-text,
.antes-jugar-text,
.cliente-pregunta-text {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  color: #222;
  text-align: center;
  margin-top: 40px;
  min-height: 2.5em;
}
.bienvenido-text #linea1 {
    font-size: 2.5em;
}

.bienvenido-text #linea2, #linea3 {
    font-size: 1.5em;
}

.bienvenido-text span {
  font-size: 2em;
  letter-spacing: 4px;
  display: block;
  margin-bottom: 8px;
}

.present3-content {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Centrado vertical inicial del texto en present3 */
.present3-content .antes-jugar-text {
  position: absolute;
  top: calc(50% - 200px);
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  transition: top 0.8s, transform 0.8s;
  z-index: 1;
}

/* Cuando se activa la animación final, el texto sube */
.present3-content.animacion-final .antes-jugar-text {
  top: 60px; /* sube aún más si querés */
  transform: translate(-50%, 0);
}

/* Logo centrado abajo y grande en present3 */
.logo-present3 {
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  max-width: 60vw;
  height: auto;
  opacity: 1;
  transition: none;
  z-index: 1;
}
.present3-content.animacion-final .logo-present3 {
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  max-width: 60vw;
  opacity: 1;
}

/* Pregunta de cliente centrada y en mayúsculas */
.cliente-pregunta {
  background: rgba(255,255,255,0.0);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 1;
  z-index: 2;
  width: 100%;
}

.cliente-pregunta-text {
  font-size: 1.5em;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 32px;
}

.cliente-pregunta-btns {
  display: flex;
  justify-content: center;
  gap: 40px;
}

/* Botones "Sí" y "No" - mismo tamaño, fuente y mayúsculas */
.cliente-pregunta-btns .btn {
  font-size: 1.5em;
  padding: 16px 40px;
  min-width: 140px;
  max-width: 220px;
  width: 220px;
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  box-sizing: border-box;
}

/* Botón "Sí" - borde verde, fondo blanco, texto negro */
#btnSiPresent3.btn {
  background: #fff;
  color: #222;
  border: 2px solid #43a047;
  box-shadow: none;
  transition: background 0.2s, border 0.2s, color 0.2s;
}
#btnSiPresent3.btn:hover, #btnSiPresent3.btn:active {
  background: #c8e6c9;
  border-color: #388e3c;
  color: #222;
}

/* Botón "No" - borde rojo, fondo blanco, texto negro */
#btnNoPresent3.btn {
  background: #fff;
  color: #222;
  border: 2px solid #c62828;
  box-shadow: none;
  transition: background 0.2s, border 0.2s, color 0.2s;
}
#btnNoPresent3.btn:hover, #btnNoPresent3.btn:active {
  background: #ffcdd2;
  border-color: #b71c1c;
  color: #222;
}

/* Presentación de preguntas */
.present-preguntas-screen {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: calc(100vh - 200px);
  background: #fff;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 2;
}

.present-preguntas-content {
  text-align: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  /* Escalar todo el contenido de presentPreguntas al doble de tamaño */
  transform: scale(2);
  transform-origin: center center;
}

.preguntas-titulo {
  font-family: 'Playfair Display', serif;
  font-size: 1.2em;
  color: #222;
  letter-spacing: 0.15em;
  margin-bottom: 24px;
}

.preguntas-main {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  color: #222;
}

.preguntas-jugar {
  font-size: 2.8em;
  font-weight: 700;
  margin-bottom: 24px;
  line-height: 1.1;
}

.preguntas-sabes {
  font-size: 2em;
  font-weight: 700;
  color: #ff9800;
  background: #4b2072;
  border-radius: 24px;
  padding: 12px 24px;
  margin-bottom: 12px;
  display: inline-block;
  letter-spacing: 2px;
}

.preguntas-nosotros {
  font-size: 2em;
  font-weight: 700;
  color: #4b2072;
  background: #ff9800;
  border-radius: 24px;
  padding: 12px 24px;
  display: inline-block;
  letter-spacing: 2px;
}

.purple-bg {
  background: #4b2072;
  color: #ff9800;
}

.orange-bg {
  background: #ff9800;
  color: #4b2072;
}

/* Logo fijo abajo a la izquierda en todas las pantallas */
#logo-masa-fijo {
  position: fixed;
  left: 20vw;
  bottom: 200px;
  
  max-width: 60vw;
  height: auto;
  z-index: 50;
  pointer-events: none;
  opacity: 1;
  animation: respiracion-masa 2.8s infinite;
  transition: opacity 0.4s;
  margin: 0;
  padding: 0;
  display: block;
}

/* Oculta el logo fijo en las pantallas de espera y presentaciones */
body.wait1 #logo-masa-fijo,
body.wait2 #logo-masa-fijo,
body.present1 #logo-masa-fijo,
body.present2 #logo-masa-fijo,
body.present3 #logo-masa-fijo {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Animación de respiración suave */
@keyframes respiracion-masa {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.06); }
  60%  { transform: scale(1.06); }
  100% { transform: scale(1); }
}

/* Feedback al tocar botones */
.boton-feedback {
  animation: botonFeedbackAnim 0.18s;
}

@keyframes botonFeedbackAnim {
  0%   { transform: scale(1); box-shadow: 0 0 0 rgba(255,152,0,0); }
  50%  { transform: scale(0.92); box-shadow: 0 0 24px #ff980044; }
  100% { transform: scale(1); box-shadow: 0 0 0 rgba(255,152,0,0); }
}

/* Nueva sección para estilos de espera */
#wait1 {
  background: radial-gradient(circle at 50% 50%, #bfa3e3 0%, #5c2873 80%);
  position: absolute;
  top: 100px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 200px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 1;
  overflow: hidden;
  
  
}
.wait-masa-bg {
  
  position: absolute;
  top: 0; left: 0;
  width: 100vw;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  background: radial-gradient(circle at 50% 50%, #bfa3e3 0%, #5c2873 50%);
}
.masa-network {
  position: absolute;
  top: 0; left: 0;
  width: 100vw;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
#particles1 {
  position: absolute;
  top: 0; left: 0;
  width: 100vw;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

/* Responsive */
@media (max-width: 800px) {
  .banner { height: auto; }
  .banner-img { height: auto; }
  section { top: 0; height: 100vh; }
  .present-preguntas-content {
    max-width: 95vw;
  }
  .preguntas-jugar,
  .preguntas-sabes,
  .preguntas-nosotros {
    font-size: 1.3em;
    padding: 8px 12px;
  }
}

/* Nuevas clases para imágenes en grilla */
.imagenes-grilla {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  justify-content: center;
  align-items: center;
  margin: 40px auto 24px auto;
  max-width: 480px;
}

.imagen-opcion {
  border: 6px solid #222;
  border-radius: 24px;
  padding: 12px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imagen-opcion img {
  width: 100%;
  max-width: 160px;
  height: auto;
  border-radius: 16px;
  display: block;
}

.imagen-opcion.correcta {
  border-color: #43a047 !important;
  box-shadow: 0 0 10px #43a047;
}

.imagen-opcion.incorrecta {
  border-color: #c62828 !important;
  box-shadow: 0 0 10px #c62828;
}

.imagen-opcion.selected {
  /* Opcional: resalta la opción tocada */
  box-shadow: 0 0 20px #888;
}

.cuestionario-preguntas-content {
  margin-top: -20vh;
}

/* Nueva clase para la franja con el logo en espera */
.wait-logo-franja {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 400px; /* igual que la franja blanca */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
  pointer-events: none;
}

.logo-franja-masa {
  height: 220px;
  width: auto;
  max-width: 60vw;
  object-fit: contain;
  display: block;
  margin-top: 130px; /* Ajusta este valor según lo que necesites */
}

.texto-instagram {
  color: #ff9800;
}

.wait-centro-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 260px;
  pointer-events: none;
}

.centro-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Logo grande en pantalla de espera 2 */
.wait2-logo-container {
  width: 100%;
  text-align: center;
  margin-top: -40px; /* sube el logo justo debajo del banner */
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}

.wait2-logo-img {
  width: 65vw;
  max-width: 820px;
  height: auto;
  display: inline-block;
}

body.wait2 .wait-franja-blanca {
  display: block;
}

/* --- WAIT 1 --- */
.wait-franja-blanca-top {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 500px;
  background: #fff;
  z-index: 1000;
  pointer-events: none;
}
.wait-franja-blanca-bottom {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 500px;
  background: #fff;
  z-index: 1000;
  pointer-events: none;
}
.franja-texto-izq {
  position: absolute;
  top: 200px;
  left: 50px;
  color: #ff9800;
  font-family: 'Playfair Display', serif;
  font-size: 2.3em;
  font-weight: 700;
  z-index: 1020;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.franja-texto-centro {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  color: #4b2072;
  font-family: 'Playfair Display', serif;
  font-size: 2.3em;
  font-weight: 700;
  z-index: 1020;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.franja-texto-der {
  position: absolute;
  top: 200px;
  right: 50px;
  color: #4b2072;
  font-family: 'Playfair Display', serif;
  font-size: 2.3em;
  font-weight: 700;
  z-index: 1020;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.texto-instagram { color: #ff9800; }
.texto-linkedin .masa-violeta { color: #4b2072 !important; }
.texto-linkedin .digital-naranja { color: #ff9800; margin-left: 2px; }
.texto-web { color: #4b2072; }

/* --- WAIT 2 --- */
.wait2-screen {
  background: transparent;
  width: 100vw;
  height: calc(100vh - 200px);
  position: absolute;
  top: 100px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
  background: #fff;
}
.wait2-logo-container {
  width: 100%;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
.wait2-logo-img {
  width: 65vw;
  max-width: 820px;
  height: auto;
  display: inline-block;
}
.wait2-franja-blanca-bottom {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 300px;
  background: #fff;
  z-index: 1000;
  pointer-events: none;
}
.wait2-texto-izq {
  position: absolute;
  top: 100px;
  left: 50px;
  color: #ff9800;
  font-family: 'Playfair Display', serif;
  font-size: 2.3em;
  font-weight: 700;
  z-index: 1020;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.wait2-texto-centro {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  color: #4b2072;
  font-family: 'Playfair Display', serif;
  font-size: 2.3em;
  font-weight: 700;
  z-index: 1020;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.wait2-texto-der {
  position: absolute;
  top: 100px;
  right: 50px;
  color: #4b2072;
  font-family: 'Playfair Display', serif;
  font-size: 2.3em;
  font-weight: 700;
  z-index: 1020;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.wait2-instagram { color: #ff9800; }
.wait2-linkedin .wait2-masa-violeta { color: #4b2072 !important; }
.wait2-linkedin .wait2-digital-naranja { color: #ff9800; margin-left: 2px; }
.wait2-web { color: #4b2072; }
.wait2-mapcontainer {
  width: 100vw;
  height: 1000px;
  background: #fff; /* Cambiado de violeta a blanco */
  margin: 0 auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.wait2-mapcontainer svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Escala el SVG del mapa de Argentina al 300% en wait2 */
#mapa-argentina-container svg {
  transform: scale(3);
  transform-origin: center center;
  display: block;
  margin: 0 auto;
}

body.desplazado section > *:not(.logo-present3):not(.banner):not(#logo-masa-fijo) {
  position: relative;
  top: -200px;
}
.cuest2-margen {
  margin-top: 130px !important; /* 150px menos el -20vh que ya tiene */
}