/*
 * Base de los componentes de booking (React + Tailwind), acotada a `.redcoach-ui`.
 *
 * Los paquetes @redcoachusa-components/* se compilan sin el reset global de Tailwind
 * (preflight) y con sus utilidades bajo `.redcoach-ui` (`.redcoach-ui .flex`). Este archivo es el preflight
 * de Tailwind v3 limitado a los contenedores de montaje (`.redcoach-ui`) y a `#rc-portal.redcoach-ui`, para que
 * los componentes se vean igual sin resetear el resto del sitio.
 *
 * Especificidad: `.redcoach-ui :where(x)` = (0,1,0). Gana a reglas de elemento del tema (`button {}`),
 * pierde contra las utilidades de los componentes (`.redcoach-ui .x`, (0,2,0)) y contra reglas del tema
 * con clase o id, que son overrides intencionales.
 */
.redcoach-ui {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: Archivo, ui-sans-serif, system-ui, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
.redcoach-ui :where(*, ::before, ::after) { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
.redcoach-ui :where(hr) { height: 0; color: inherit; border-top-width: 1px; }
.redcoach-ui :where(abbr:where([title])) { text-decoration: underline dotted; }
.redcoach-ui :where(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: inherit; }
.redcoach-ui :where(a) { color: inherit; text-decoration: inherit; }
.redcoach-ui :where(b, strong) { font-weight: bolder; }
.redcoach-ui :where(code, kbd, samp, pre) { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 1em; }
.redcoach-ui :where(small) { font-size: 80%; }
.redcoach-ui :where(sub, sup) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.redcoach-ui :where(sub) { bottom: -0.25em; }
.redcoach-ui :where(sup) { top: -0.5em; }
.redcoach-ui :where(table) { text-indent: 0; border-color: inherit; border-collapse: collapse; }
.redcoach-ui :where(button, input, optgroup, select, textarea) {
  font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit;
  font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit;
  color: inherit; margin: 0; padding: 0;
}
.redcoach-ui :where(button, select) { text-transform: none; }
.redcoach-ui :where(button, input:where([type='button']), input:where([type='reset']), input:where([type='submit'])) {
  -webkit-appearance: button; background-color: transparent; background-image: none;
}
.redcoach-ui :where(:-moz-focusring) { outline: auto; }
.redcoach-ui :where(:-moz-ui-invalid) { box-shadow: none; }
.redcoach-ui :where(progress) { vertical-align: baseline; }
.redcoach-ui :where(::-webkit-inner-spin-button, ::-webkit-outer-spin-button) { height: auto; }
.redcoach-ui :where([type='search']) { -webkit-appearance: textfield; outline-offset: -2px; }
.redcoach-ui :where(::-webkit-search-decoration) { -webkit-appearance: none; }
.redcoach-ui :where(summary) { display: list-item; }
.redcoach-ui :where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) { margin: 0; }
.redcoach-ui :where(fieldset) { margin: 0; padding: 0; }
.redcoach-ui :where(legend) { padding: 0; }
.redcoach-ui :where(ol, ul, menu) { list-style: none; margin: 0; padding: 0; }
.redcoach-ui :where(dialog) { padding: 0; }
.redcoach-ui :where(textarea) { resize: vertical; }
.redcoach-ui :where(input::placeholder, textarea::placeholder) { opacity: 1; color: #9ca3af; }
.redcoach-ui :where(button, [role='button']) { cursor: pointer; }
.redcoach-ui :where(:disabled) { cursor: default; }
.redcoach-ui :where(img, svg, video, canvas, audio, iframe, embed, object) { display: block; vertical-align: middle; }
.redcoach-ui :where(img, video) { max-width: 100%; height: auto; }
.redcoach-ui :where([hidden]:where(:not([hidden='until-found']))) { display: none; }
