/* ==========================================================================
   utilidades.css
   Volcado de utilidades de maquetacion (estilo Tailwind) que en el artefacto
   de Claude vienen dadas por el entorno. Reproducido aqui VERBATIM: mismas
   reglas, mismas declaraciones y, sobre todo, el mismo orden, porque en los
   empates de especificidad gana la ultima. Solo se ha anadido formato.

   No se ha eliminado nada por "muerto": los nombres de clase se construyen
   dentro de js/app.bundle.js, que esta minificado, asi que no hay forma
   segura de demostrar que una utilidad no se usa.
   ========================================================================== */

.absolute { position:absolute; }
.relative { position:relative; }
.sticky { position:sticky; }
.ml-auto { margin-left:auto; }
.mt-1 { margin-top:.25rem; }
.mt-3 { margin-top:.75rem; }
.mt-auto { margin-top:auto; }
.block { display:block; }
.flex { display:flex; }
.table { display:table; }
.grid { display:grid; }
.hidden { display:none; }
.w-full { width:100%; }
.transform { transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.flex-col { flex-direction:column; }
.flex-wrap { flex-wrap:wrap; }
.items-start { align-items:flex-start; }
.items-end { align-items:flex-end; }
.items-center { align-items:center; }
.items-baseline { align-items:baseline; }
.items-stretch { align-items:stretch; }
.justify-between { justify-content:space-between; }
.gap-1 { gap:.25rem; }
.gap-1\.5 { gap:.375rem; }
.gap-2 { gap:.5rem; }
.gap-2\.5 { gap:.625rem; }
.gap-3 { gap:.75rem; }
.gap-4 { gap:1rem; }
.gap-5 { gap:1.25rem; }
.gap-6 { gap:1.5rem; }
.space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.5rem*var(--tw-space-y-reverse));
}
.space-y-3>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.75rem*var(--tw-space-y-reverse));
}
.border { border-width:1px; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.uppercase { text-transform:uppercase; }
.italic { font-style:italic; }
.drop-shadow { --tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06)); }
.drop-shadow, .filter { filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.transition {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
}