@charset "utf-8";
/*
 * Anadidos propios del portal Season 3.
 * Solo lo que el tema original no traia: avisos, formularios de cuenta y
 * algun arreglo de tabla. Nada de esto cambia el diseno heredado.
 */

/* ---- Pie pegado abajo ----
   En las paginas cortas (ingreso, registro, avisos) el contenido no llega al
   final de la pantalla y el pie quedaba flotando a media altura. Con el cuerpo
   como columna flexible, el pie se empuja al fondo sin tocar el resto del
   diseno heredado. */
html { height: 100%; }
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
body > * { flex-shrink: 0; }
body > #sn_common_bottom { margin-top: auto; }

/* ---- Dos campos del formulario en la misma fila ----
   En el registro, el ID de ingreso y el NickName van uno al lado del otro.
   La hoja heredada da "clear:both" a cada ".area", asi que se envuelven en
   ".gb-par" y solo ahi se reparten el ancho. En pantalla estrecha vuelven a
   apilarse. */
.gb-par { display: flex; gap: 0 4%; flex-wrap: wrap; }
.gb-par > .area { flex: 1 1 48%; min-width: 260px; clear: none; }

@media (max-width: 767px) {
    .gb-par > .area { flex-basis: 100%; }
}

/* ---- Avisos ---- */
.gb-flash-wrap { max-width: 1000px; margin: 0 auto; padding: 0 10px; }
.gb-flash {
    margin: 12px 0 0;
    padding: 11px 16px;
    border-radius: 3px;
    font: 13px/1.5 'Titillium Web', Verdana, Geneva, sans-serif;
    border-left: 4px solid #a3d500;
    background: #f2f7e2;
    color: #3c4a10;
}
.gb-flash-error   { border-left-color: #d9403a; background: #fdeceb; color: #7a1d1a; }
.gb-flash-success { border-left-color: #a3d500; background: #f2f7e2; color: #3c4a10; }
.gb-flash-info    { border-left-color: #3a8fd9; background: #eaf3fc; color: #1a4a7a; }

/* Aviso dentro de las pantallas de cuenta (login y registro) */
#wrap .gb-flash-wrap { max-width: 760px; }

/* ---- Errores de validacion junto a los campos ---- */
.gb-field-error {
    display: block;
    margin: 4px 0 0;
    color: #d9403a;
    font-size: 12px;
    line-height: 1.4;
}

/* ---- Tablas vacias ---- */
.gb-empty {
    padding: 34px 0;
    text-align: center;
    color: #888;
    font-size: 13px;
}

/* ---- Paginacion: relleno cuando la hoja heredada no la cubre ---- */
ul.pagination {
    clear: both;
    margin: 22px 0 0;
    padding: 0;
    text-align: center;
    list-style: none;
}
ul.pagination li { display: inline-block; margin: 0 2px; }
ul.pagination li a {
    display: block;
    min-width: 24px;
    padding: 4px 7px;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #555;
    font-size: 12px;
    text-decoration: none;
}
ul.pagination li a:hover { border-color: #a3d500; color: #6c8c00; }
ul.pagination li.on a {
    border-color: #6c8c00;
    background: #a3d500;
    color: #fff;
    font-weight: bold;
}

/* ---- Paginas de error ---- */
.gb-error-page { padding: 90px 20px; text-align: center; }
.gb-error-page h3 { font-size: 46px; color: #333; margin-bottom: 10px; }
.gb-error-page p { color: #777; font-size: 14px; margin-bottom: 24px; }
.gb-error-page a {
    display: inline-block;
    padding: 10px 26px;
    background: #a3d500;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px;
}

/* ---- Perfil de clan y fichas ---- */
.gb-guild-desc { white-space: pre-line; word-break: break-word; }
/* La hoja heredada le pone 400px fijos a .pre, asi que con una linea de texto
   la ficha dejaba dos agujeros de media pantalla. Se conserva el recuadro y se
   le da altura elastica con tope, igual que en Mi Clan. */
.clan_view p.pre.gb-guild-desc {
    height: auto;
    min-height: 48px;
    max-height: 220px;
    overflow: auto;
}
.clan_view p.pre.gb-guild-web { min-height: 0; text-align: left; }

/* ---- Gestion del clan (lo que solo ve y usa el jefe) ----
   El cliente del juego no trae estas opciones (clanes-spec.md §6), asi que los
   botones viven en la ficha del clan (Guild/GuildView.aspx) y en Mi Clan. */
.gb-guild-acts, .gb-mi-clan-acts { white-space: nowrap; text-align: center; }
.gb-guild-acts form, .gb-mi-clan-acts form { margin: 0 2px; }
.gb-btn-ok, .gb-btn-no {
    border: 0;
    border-radius: 3px;
    padding: 4px 12px;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.gb-btn-ok { background: #2e8b57; }
.gb-btn-ok:hover { background: #35a267; }
.gb-btn-no { background: #b23b30; }
.gb-btn-no:hover { background: #cc4438; }
.gb-guild-nota { display: block; margin-top: 4px; color: #888; font-size: 11px; }
.gb-guild-aviso { margin: 0 0 8px; color: #b23b30; }
.gb-mi-clan-btn a { margin: 0 4px; }