/* Extensiones visuales "gamer corporativo" reutilizables */
.resumen-box, .main-box, .form-box, .table-box {
    background: linear-gradient(180deg, rgba(18, 28, 49, 0.92), rgba(23, 36, 62, 0.86));
    border: 1px solid rgba(76, 145, 255, 0.35);
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.resumen-titulo, .main-title, .form-title, .table-title {
    color: #5bc0ff;
    text-shadow: 0 0 10px rgba(62, 161, 255, 0.35);
    letter-spacing: 0.4px;
}

.resumen-total, .main-total, .form-total, .table-total {
    color: #5bc0ff;
}
.resumen-total-rojo, .main-total-rojo {
    color: #ff5f8f;
}

.table-resumen, .main-table, .form-table, .table-box table {
    background: rgba(14, 22, 39, 0.95);
}
.table-resumen th, .main-table th, .form-table th, .table-box th {
    background: linear-gradient(90deg, rgba(25, 54, 96, 0.98), rgba(45, 118, 201, 0.95));
    border-bottom: 1px solid rgba(93, 186, 255, 0.5);
}
.table-resumen td, .main-table td, .form-table td, .table-box td {
    border-bottom: 1px solid rgba(53, 87, 135, 0.55);
}

.btn-guardar {
    background: linear-gradient(90deg, #2f8fff, #50b8ff);
    color: #f5faff;
    border: 1px solid rgba(102, 180, 255, 0.3);
}
.btn-guardar:hover {
    background: linear-gradient(90deg, #4ab3ff, #2f8fff);
}

::selection { background: #2f8fff; color: #fff; }