/* extranet-reboot — el que el *reboot* de Bootstrap donava a la pàgina.
 *
 * Fase 4c de la retirada de Bootstrap (.claude/plans/unificacio-bootstrap-eliminacio.md).
 *
 * Mesurat amb Chrome headless l'01/09/2026: el que Bootstrap aporta a una vista **Aurora** no és
 * cap component —els botons, les targetes, els formularis i el modal d'Aurora són seus— sinó
 * aquesta base. Sense ella, `entrar` tenia 9 elements amb l'estil canviat i el desplaçament
 * dominant era `(0,-8)` en 76 elements: el `body { margin: 0 }` que aquí es recupera.
 *
 * ⚠️ **Es carrega ABANS del `<link>` de Bootstrap**, com nanoBootstrap.css: mentre Bootstrap hi
 * sigui, guanya ell per cascada i aquest full **no canvia res**; el dia que una vista deixi de
 * carregar-lo (Fase 4b), pren el relleu. Per això els valors són **exactament els de Bootstrap
 * 3.4.1** —el del món A, que és el que Aurora ha de rellevar primer— i no els que triaríem de nou.
 *
 * ⚠️ **`html { font-size: 10px }` no es pot tocar.** És el que fa que un `rem` de l'extranet
 * valgui 10 px i no 16: hi ha **53 `rem` a `web-views.css`** i 5 a `spin-bootstrap.css` escrits
 * comptant amb això (els dos fulls ho avisen als seus comentaris). Treure aquesta línia els
 * multiplicaria per 1,6 sense que res ho digués. `aurora.css` no en fa servir cap: és tot px,
 * que és el criteri de css.md per a les vistes web.
 *
 * ⚠️ **Base, no disseny.** Aquí no hi entra res que sigui una decisió d'Aurora. L'única que ho
 * frega és el color d'enllaç, que es manté al blau de Bootstrap perquè avui sigui inert; és el
 * primer que la capa d'Aurora hauria de reclamar.
 *
 * Regressió: `php scripts/provaExtranetReboot.php`.
 */

/* --------------------------------------------------------------------------
 * Caixa i arrel
 * -------------------------------------------------------------------------- */

html {
    font-family: sans-serif;
    /* ⚠️ Vegeu la capçalera: 53 `rem` de l'extranet depenen d'aquest 10px. */
    font-size: 10px;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

/* --------------------------------------------------------------------------
 * Tipografia de bloc
 * -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

p {
    margin: 0 0 10px;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px;
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

figure {
    margin: 0;
}

/* --------------------------------------------------------------------------
 * Enllaços i imatges
 * -------------------------------------------------------------------------- */

a {
    /* ⚠️ El blau de Bootstrap, per ser inert avui. És d'Aurora, quan el reclami. */
    color: #337ab7;
    background-color: transparent;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}

a:hover,
a:active {
    outline: 0;
}

img {
    vertical-align: middle;
    border: 0;
}

/* --------------------------------------------------------------------------
 * Controls de formulari — sense això no hereten ni la família ni la mida, i un
 * `input` es queda amb la tipografia del sistema enmig d'un formulari.
 * -------------------------------------------------------------------------- */

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

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

/* ⚠️ Bootstrap porta un `input { line-height: normal }` de normalize.css, però el declara
 * ABANS del bloc de dalt: amb la mateixa especificitat, mana l'últim i el valor efectiu és
 * `inherit`. Escriure'l aquí, al final, l'invertiria i deixaria els `input` amb el
 * `line-height` del navegador. Per això no hi és. */

/* La casella i el botó d'opció: sense això, un `<input type=checkbox>` perd els 4px de marge
 * superior i el text del costat li queda desalineat. */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    margin: 4px 0 0;
    padding: 0;
    line-height: normal;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

pre {
    overflow: auto;
}