/* ==========================================================================
   AuraMT2 - base de componentes (reinicio, formularios, tablas, pestañas).
   Escrita para esta web: da a base.css/aura.css el mismo punto de partida que
   tenía la web anterior, sin cargar ningún framework ni CSS de Metin2CMS.
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 1rem; line-height: 1.5; }
[hidden] { display: none !important; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.1; }
h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; }
p, ul, ol, dl { margin-top: 0; margin-bottom: 1rem; }
ul ul, ol ol { margin-bottom: 0; }
dd { margin-left: 0; margin-bottom: .5rem; }
small { font-size: 80%; font-weight: 400; }
b, strong { font-weight: bolder; }
a { text-decoration: none; background-color: transparent; }
img { vertical-align: middle; border-style: none; max-width: 100%; }
hr { box-sizing: content-box; height: 0; overflow: visible; margin: 1rem 0; border: 0; border-top: 1px solid rgba(255,255,255,.1); }
table { border-collapse: collapse; }
th { text-align: left; }
label { display: inline-block; margin-bottom: .5rem; }
input, button, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
button { border-radius: 0; overflow: visible; text-transform: none; }
button, [type="submit"], [type="button"] { -webkit-appearance: button; cursor: pointer; }
input[type="checkbox"] { padding: 0; }
textarea { overflow: auto; resize: vertical; }
summary { display: block; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 90%; }

/* Utilidades */
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.float-right { float: right; }
.inline-form { display: inline; margin: 0; }

/* Campos */
.form-control { display: block; width: 100%; padding: .5rem .75rem; font-size: 1rem; line-height: 1.25; border-radius: .25rem; background-clip: padding-box; transition: border-color .15s, box-shadow .15s; }
.form-control:focus { outline: 0; }
select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); }
.form-group { margin-bottom: 1rem; }

/* Botones */
.btn { display: inline-block; font-weight: 400; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: .5rem 1rem; font-size: 1rem; border-radius: .25rem; transition: all .2s ease-in-out; cursor: pointer; }
.btn:focus, .btn:hover { text-decoration: none; }
.btn:disabled, .btn[disabled] { opacity: .65; cursor: not-allowed; }
.btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem; }
.btn-lg { padding: .75rem 1.5rem; font-size: 1.25rem; border-radius: .3rem; }
.btn-block { display: block; width: 100%; }

/* Tablas */
.table { width: 100%; max-width: 100%; margin-bottom: 1rem; }
.table th, .table td { padding: .75rem; vertical-align: top; border-top: 1px solid rgba(255,255,255,.08); }
.table thead th { vertical-align: bottom; border-bottom: 2px solid rgba(255,255,255,.12); }
.table-sm th, .table-sm td { padding: .3rem; }

/* Pestañas */
.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav-link { display: block; padding: .5em 1em; }
.nav-tabs { border-bottom: 1px solid transparent; }
.nav-tabs .nav-item { margin-bottom: -2px; }
.nav-tabs .nav-item + .nav-item { margin-left: .2rem; }
.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; background: none; font: inherit; }
.tab-content > .tab-pane { display: none; }
.tab-content > .tab-pane.active { display: block; }

/* Listas de enlaces */
.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; }
.list-group-item { position: relative; display: block; width: 100%; padding: .75rem 1.25rem; margin-bottom: -1px; border: 1px solid transparent; text-align: left; font: inherit; }
.list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; }
.list-group-item:last-child { margin-bottom: 0; border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem; }

/* Avisos y cajas */
.alert { position: relative; padding: 15px; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.jumbotron { padding: 1px; margin-bottom: 2rem; border-radius: .3rem; }
.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; }