html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

[name=tarea]:hover{
    background-color: lightgray;
}
textarea.email_receptores {
    font-size: 20px;
}
.pagado-bg {
    background-color: #82d999;
    color:black;
    font-weight:bold;
}
/*td:nth-child(6){
    background-color:red !important;
}*/

.textarea-reset {
  /* 1. Eliminar bordes, padding y fondo por defecto */
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  /* 2. Controlar la fuente y el color del texto */
  font-family: inherit; /* Hereda la fuente del cuerpo (body) */
  font-size: inherit; /* Hereda el tamaño de fuente */
  line-height: inherit; /* Hereda el interlineado */
  color: inherit; /* Hereda el color del texto */
  /* 3. Eliminar el borde de enfoque (outline) en navegadores */
  outline: none;
  /* 4. Controlar el tamaño */
  box-sizing: border-box; /* Incluye padding/border dentro del width/height */
  width: 100%; /* Opcional: Para ocupar todo el ancho del contenedor */
  resize: vertical; /* Permite redimensionar solo verticalmente (o none, horizontal) */
  /* 5. Deshabilitar opcionalmente la funcionalidad de scrollbar */
  overflow: auto; /* Muestra scrollbar solo cuando sea necesario */
}
.hidde-element {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important; /* O clip-path: inset(50%); */
  white-space: nowrap !important;
  border: 0 !important;
}