/* Ajustes finos que Tailwind por utilidades no cubre limpiamente. */

[x-cloak] { display: none !important; }

html {
  scroll-behavior: smooth;
}

h1, h2, h3 {
  text-wrap: balance;
}

::selection {
  background: #4A5240;
  color: #F8F6F1;
}

a, button, select {
  outline-offset: 3px;
}
a:focus-visible, button:focus-visible, select:focus-visible {
  outline: 1.5px solid #4A5240;
}

select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238B8477' stroke-width='1.3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 1.1rem;
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}