/* =====================================================================
   Ruta en GitHub : frontend/css/base.css
   Proyecto       : DR ORGANICS - Sistema Administrativo y Financiero
   Descripción    : Reglas generales que aplican a toda la aplicación.
   ===================================================================== */





*,
*::before,
*::after {
  box-sizing: border-box;
}





html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
}





body {
  margin: 0;
  min-height: 100%;
  font-family: var(--fuente);
  font-size: 14px;
  line-height: 1.45;
  color: var(--texto);
  background: var(--fondo);
  -webkit-font-smoothing: antialiased;
}





h1,
h2,
h3,
p,
dl,
dd {
  margin: 0;
}





a {
  color: inherit;
  text-decoration: none;
}





button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}





button {
  cursor: pointer;
}





/* El atributo "hidden" siempre oculta, aunque otra regla diga lo contrario. */
[hidden] {
  display: none !important;
}





/* Anillo de enfoque visible al navegar con teclado. */
:focus-visible {
  outline: 2px solid var(--verde-hoja);
  outline-offset: 2px;
}





/* Impide el desplazamiento de la página cuando hay un modal abierto. */
body.sin-scroll {
  overflow: hidden;
}





/* Texto solo para lectores de pantalla. */
.solo-lectores {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}





.icono {
  flex: none;
  display: inline-block;
  vertical-align: middle;
}





/* Respeta la preferencia del sistema de reducir animaciones. */
@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }

}





@keyframes girar {

  to {
    transform: rotate(360deg);
  }

}