/* bienvenida.css*/

/* Fondo y estilo base */
body.bienvenida {
  margin: 0;
  padding: 0;
  background-color: #e7e3da;
  background-image: url("/static/img/p_bienvenida_pqia_1920_x_1080.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  font-family: 'Raleway', sans-serif;
}



/* Botones de autenticación */
.botones-auth {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(170%, -525%);
  display: flex;
  gap: 15px;
  z-index: 3;
}

.btn-principal, .btn-secundario {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 10px;
  padding: 5px 13px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Botón principal */
.btn-principal {
  background: linear-gradient(135deg, #92180b, #92180b);
  color: #fff;
}
.btn-principal:hover {
  background: linear-gradient(135deg, #c48a38, #c48a38);
}

/* Botón secundario */
.btn-secundario {
  background: #527368;
  color: #ffffff;
}
.btn-secundario:hover {
  background: #9c9664;
}

/* ICONOS: RRSS */
.redes-sociales {
  position: absolute;
  bottom: 35px;  /* Altura pag */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 100px; /* Espacio entre iconos */
  z-index: 3;
}

.redes-sociales img {
  width: 18px;  /* Tamaño más grande que los típicos 24px */
  height: 18px;
  transition: transform 0.3s ease;
}

.redes-sociales img:hover {
  transform: scale(1.2); /* Efecto zoom al pasar el cursor */
}

/* Marca Registrada */
.marca-registrada {
  position: absolute;
  bottom: 18px; /* debajo de los iconos */
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Urbanist', sans-serif;
  font-size: 10px;
  color: #807e78;
  opacity: 0.8;
  z-index: 2;
}

/* Ajuste visual específico solo para el icono de Shorts */
.redes-sociales img[src*="youtube_shorts"] {
  width: 22px;
  height: auto;
  transform: translateY(1px); /* Ajuste fino de alineación si lo necesitas */
}


.logo-centro {
  display: none; /* ← oculta el logo por defecto */
}

/* Derechos reservados centrado en el footer */
.copyright {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Urbanist', sans-serif;
  font-size: 10px;
  color: #807e78;
  opacity: 0.8;
  z-index: 2;
  margin: 0;
  text-align: center;
}

/* ? */
.boton-ayuda {
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 48px;
  height: 48px;
  z-index: 999;
  transition: transform 0.3s ease;
}

.boton-ayuda:hover {
  transform: scale(1.1);
}

.icono-ayuda {
  width: 100%;
  height: 100%;
  object-fit: contain;
}