/* styles/estilos.css */

/* Fondo del menú  */
.bg-menu{
  background-color: #A7E9F2;
}

/* Suavidad Global */
html, body{
  height: 100%;
}

body{
  /* Aplicando consistencia */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Estilo del Formulario */
input[type="text"],
input[type="url"],
input[type="file"]{
  outline: none;
}

/* Mejora leve del focus */
input:focus{
  box-shadow: 0 0 0 3px rgba(125, 211, 252, 0.55); 
}

/* Caja fija para la imagen del participante */
.avatar-box{
  width: 180px;
  height: 180px;
  flex: 0 0 180px;
  border-radius: 40px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: #fff;
}

/* Imagen sin desbordarse */
.avatar-img{
  width: 120%;
  height: 120%;
  object-fit: cover;
  display: block;
}