/**
 * kaf-reset.css — Reset/Normalize propio del KAF.
 *
 * Basado en modern-normalize, simplificado para el
 * stack del Liceo Moderno Grinbehy.
 *
 * @package KAF/CSS
 */

/* ─── Box Sizing ─────────────────────────────────────────── */
*, *::before, *::after {
    box-sizing: border-box;
}

/* ─── Document ───────────────────────────────────────────── */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
}

body {
    margin: 0;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
}

/* ─── Sections ───────────────────────────────────────────── */
main {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

/* ─── Grouping ───────────────────────────────────────────── */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    color: inherit;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* ─── Text ───────────────────────────────────────────────── */
a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

b, strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub { bottom: -0.25em; }
sup { top: -0.5em; }

/* ─── Embedded ───────────────────────────────────────────── */
img {
    border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

/* ─── Forms ──────────────────────────────────────────────── */
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
    resize: vertical;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/* ─── Interactive ────────────────────────────────────────── */
details {
    display: block;
}

summary {
    display: list-item;
}

template, [hidden] {
    display: none;
}

/* ─── Lists ──────────────────────────────────────────────── */
ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ─── Accessibility ──────────────────────────────────────── */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}