/* ============================================================
   buttons.css — BOTONES
   ------------------------------------------------------------
   Botones primarios (.btn / submit / button) con degradado de
   acento, botón reset secundario, botones tipo enlace (a.btn /
   .button) y los contenedores de botones de filtro.
   Los botones del dashboard (.crr-btn*) viven en components.css.
   ============================================================ */
html.theme-cg .btn,
html.theme-cg #btnfilter input,
html.theme-cg .submit,
html.theme-cg button.btn,
html.theme-cg input[type="submit"],
html.theme-cg input[type="button"] {
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    color: #fff; border: 1px solid transparent; border-radius: 9px; padding: 8px 16px;
    cursor: pointer; transition: transform var(--speed), box-shadow var(--speed);
    box-shadow: 0 6px 16px rgba(99, 102, 241, .25);
}
html.theme-cg .btn:hover, html.theme-cg #btnfilter input:hover, html.theme-cg .submit:hover, html.theme-cg input[type="submit"]:hover { box-shadow: 0 8px 22px rgba(99, 102, 241, .4); }
html.theme-cg .btn:active, html.theme-cg input[type="submit"]:active { transform: scale(.97); }
html.theme-cg .reset, html.theme-cg input[name="reset"] { background: var(--surface-3); color: var(--muted); box-shadow: none; border-color: var(--border); }
html.theme-cg .reset:hover, html.theme-cg input[name="reset"]:hover { color: var(--text); border-color: var(--accent); }

/* Botones tipo enlace */
html.theme-cg a.btn,
html.theme-cg .button {
    background: var(--surface-3);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 7px;
    box-shadow: none;
    transition: border-color var(--speed), background var(--speed);
}
html.theme-cg a.btn:hover,
html.theme-cg .button:hover { border-color: var(--accent); }

/* Contenedores de botones de filtro */
html.theme-cg .btnfilter,
html.theme-cg .btnfilter_right { background: transparent; }
html.theme-cg .section-buttons { background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-sm); }