/* custom style for login page*/

.card-normal {
  padding: 15px;
  max-width: 400px;
  height: auto;
  margin: 5px auto;
  text-align: center;
  /* Establece un tono grisáceo suave para el fondo de las cajas de acceso */
  background-color: #f7f7f7;
}

.card {
  text-align: center;
}

.redondea {
  border-radius: 25px 25px 25px 25px;
}

.sin {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.mini {
  padding: 3px 3px 3px 3px;
}

.barra {
  padding: 2px 16px;
}

.f_equipos {
  font-size: 75%;
}

html,
body {
  margin: 0px;
  padding: 0px;
  background: linear-gradient(to right, #ffd8d8, #ff7070);

  overscroll-behavior-y: contain;
  /* -webkit-user-select: none; */
  -webkit-tap-highlight-color: transparent;
  /* -webkit-touch-callout: none; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1,
h3 {
  margin-top: 20px;
}

.card-custom {
  overflow: hidden;
  min-height: 250px;
}

.card-custom-img {
  height: 120px;
  min-height: 120px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-color: inherit;
}

/* First border-left-width setting is a fallback */
.card-custom-img::after {
  position: absolute;
  content: "";
  top: 90px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-top-width: 40px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 545px;
  border-left-width: calc(575px - 5vw);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}

.card-custom-avatar img {
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
  position: absolute;
  top: 20px;
  left: 1.25rem;
  width: 100px;
  height: 100px;
}

.btn-inicio {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem; /* Opcional: ajusta este valor para el espacio deseado entre el icono y el texto */
  white-space: nowrap; /* Asegura compatibilidad con navegadores más antiguos */
}

.maxi {
  padding-left: 0px;
  padding-right: 0px;
}

#t-acta {
  table-layout: fixed;
  border-left: solid 0px;
  border-right: solid 0px;
}

#acta-columna {
  width: 130px;
  overflow: auto;
  border: 1px solid;
}

#acta-columna-jugador {
  width: 120px;
  overflow: auto;
  border: 0px solid;
}

.sticky {
  position: sticky;
  z-index: 4;
  left: 0;
}

tbody tr .sticky {
  background: rgb(215, 255, 150);
  padding: 5px 5px 5px 5px;
}

tbody tr:nth-child(2n) .sticky {
  background: rgb(215, 255, 150);
  padding: 5px 5px 5px 5px;
}

tbody tr .normal {
  padding: 5px 0px 5px 0px;
}

tbody tr:nth-child(2n) .normal {
  padding: 5px 0px 5px 0px;
}

tbody .color_local {
  background: rgb(255, 192, 150);
}

tbody .color_visitante {
  background: rgb(178, 150, 255);
}

.espacio {
  padding: 10px 0px 10px 0px;
}

.parpadeo {
  animation: backgroundBlinker 1s linear infinite;
}
@keyframes backgroundBlinker {
  50% {
    background-color: rgb(255, 255, 0); /* Puedes cambiar el color a tu gusto */
  }
}

textarea {
  resize: none;
}

.contenido-celda-especial {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; /* Ocupa todo el ancho de la celda */
  text-align: center; /* Centra el contenido horizontalmente */
}





.number-container {
  display: flex;
  align-items: center; /* Centrar verticalmente */
  justify-content: center; /* Centrar horizontalmente */
}

.number-box {
  background-color: #FFA500; /* Color de fondo naranja */
  border: 1px solid ·#029acf;
  padding: 4px; /* Espaciado interno */
  border-radius: 5px; /* Bordes redondeados */
  color: white; /* Color del texto */
  font-size: 20px; /* Tamaño de la fuente */
  text-align: center; /* Centrar el texto */
  display: flex;
  align-items: center; /* Centrar verticalmente */
  justify-content: center; /* Centrar horizontalmente */
  gap: 10px; /* Espacio entre número e ícono */
}

.number-box a {
  display: flex;
  align-items: center; /* Centrar verticalmente */
  justify-content: center; /* Centrar horizontalmente */
}

*,
*::before,
*::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}